Question

我正在尝试在项目中嵌入ace code editor。我正在使用以下代码初始化我的代码编辑器，现在我想启用emmet js功能。我可以看到ext-emmet.js扩展已经在ace.js pre-packaged version

的src目录中了

我需要有关启用emmet扩展功能的帮助。所以这是我的初始化代码。

  var e = ace.edit("editorId"); // id of the code editor div 
  e.setTheme("ace/theme/monokai");
  e.getSession().setMode("ace/mode/html");
  e.setBehavioursEnabled(true);
  e.getSession().setTabSize(2);

显然我在页面顶部添加了ace.js.如果需要，我可以提供更多细节。

Answer 1

请参阅ace演示版中的Lines 539-543。

基本上你需要加载emmet源脚本（例如来自https://github.com/nightwing/emmet-core/blob/master/emmet.js）和来自/src/ext-emmet.js的ace扩展调用require("ace/ext/emmet");以便requirejs执行脚本
之后致电editor.setOption("enableEmmet", true); 有关现场演示，请参阅jsbin.com/ace-emmet/1/edit。

如何在ace js代码编辑器中添加emmet支持？

1 个答案: