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

我想在我的项目中嵌入ace code editor。我正在使用以下代码初始化我的代码编辑器，现在我想启用emmet js功能。我可以看到ext-emmet.js扩展名已经在ace.js的src目录中了。我需要帮助来启用emmet扩展功能。所以这是我的初始化代码。如何在ace js代码编辑器中添加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。如果需要，我可以提供更多细节。

来源

2013-07-10 ʞɹᴉʞ ǝʌɐp

在ace演示中参见Lines 539-543。

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

来源

2013-07-12 08:06:56

我曾尝试添加扩展名和emmet.js，并在设置选项为真，如你所说，没有任何事情发生。我已经在我的HTML页面标题中添加了ace.js，ext-emmet.js和emmet.js，并确保它们正在加载。它甚至不会抛出任何错误。我认为还有更多。 –

请参阅http://jsbin.com/ace-emmet/1/edit 您需要添加'require（“ace/ext/emmet”）;'以便requirejs执行脚本 –

是的谢谢。有用。我刚刚编辑了上面的答案和您提供的示例。 –

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

回答

相关问题