- Ace代码在线编辑器如果需要在requirejs里使用,注意需要使用github上lib/ace目录的文件。
- 如果使用
require.config({// 根路径设置,paths下面全部都是根据baseUrl的路径去设置baseUrl:'/lib/js/',paths:{// 引入jQueryjquery: 'jquery.2.0.0.min',bootstrap: 'bootstrap/js/bootstrap.min.js',ace: 'ace',}, })
这里的ace配置的是ace目录,而ace.js和其他ace插件js都在ace目录下方,所以在js文件里require()的时候,需要在引入依赖的require模块时还要加上ace下面的具体js文件,比如:
require(['jquery', 'ace/ace', 'ace/ext/language_tools'], function ($, http, ace) {console.log(ace)var editor = ace.edit("line-value",{theme: "ace/theme/monokai",});ace.require('ace/ext/language_tools');editor.getSession().setMode('ace/mode/javascript');editor.setOptions({enableBasicAutocompletion: true,enableSnippets: true,enableLiveAutocompletion: true}); })
其中'ace/ace'和'ace/ext/language_tools'是ace目录下的ace.js和ace/ext目录下的language_tools插件,使用ace插件只需要在依赖引入后直接使用,不用在回调函数里定义对应的变量,定义对应变量再使用会报错。
可以看github上的demo modelist