c9-core/plugins/node_modules/ace/demo/webpack/demo.ts

35 wiersze
1.0 KiB
TypeScript

"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())
*/