如何在 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 行。

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