如何在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支持？

回答

相關問題