"use strict"; // import ace import ace from '../../build' // import Range from ace (it is also available as ace.Range) import {Range, EditSession} from '../../build/' // import modes that you want to include into your main bundle import "../../build/src-noconflict/mode-javascript"; // import webpack resolver to dynamically load modes, you need to install file-loader for this to work! import "../../build/webpack-resolver"; // if you want to allow dynamic loading of only a few modules use setModuleUrl for each of them manually /* import jsWorkerUrl from "file-loader!../../build/src-noconflict/worker-javascript"; ace.config.setModuleUrl("ace/mode/javascript_worker", jsWorkerUrl) */ var editor = ace.edit(null, { maxLines: 50, minLines: 10, value: "var hello = 'world'" + "\n", mode: "ace/mode/javascript", bug: 1 }) editor.selection.setRange(new Range(0,0,0,3)) document.body.appendChild(editor.container) /* import {Mode as JSMode} from "../../build/src-noconflict/mode-javascript" editor.setMode( new JSMode()) */