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

Question

我正在尝试在我的项目中嵌入ace 代码编辑器。我正在使用以下代码初始化我的代码编辑器，现在我想启用emmet js功能。我可以看到 ext-emmet.js 扩展名已经在 ace.js预打包版本的 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 演示中的 第 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。