php ace动态加载菜单,javascript – 如何使用ace编辑器动态触发自动完成：输入命令和完整选项...

我自己解决了.

代码如下：

var langTools = ace.require("ace/ext/language_tools");

var editor = ace.edit("stepEditor");

editor.setTheme("ace/theme/chrome");

editor.getSession().setMode("ace/mode/tcl");

editor.setOptions({

enableBasicAutocompletion: true,

enableSnippets: false,

enableLiveAutocompletion: true

});

var wordList = [];

var icc2Commands = null;

jQuery.getJSON("auto_completion.json",function(obj){

icc2Commands = obj;

for(var name in obj){

wordList.push(name);

}

for(var i = 0; i < 5; i++)

{

console.log(wordList[i]);

}

});

var icc2Completer = {

getCompletions: function(editor, session, pos, prefix, callback) {

var curLine = session.getDocument().getLine(pos.row);

var curTokens = curLine.slice(0, pos.column).split(/\s+/);

var curCmd = curTokens[0];

if (!curCmd) return;

var lastToken = curTokens[curTokens.length-1];

var candidates = [];

if (lastToken && lastToken.match(/^-/)) {

for (var option of icc2Commands[curCmd]) {

if (option.startsWith(lastToken.slice(1))) {

candidates.push("-"+option);

}

}

callback(null, candidates.map(function(ea) {

return {name: ea, value: ea, score: 300, meta: "ICC2Option"};

}));

}

else{

callback(null, wordList.map(function(word) {

return {

caption: word,

value: word,

meta: "ICC2Command"

};

}));

}

}

}

langTools.addCompleter(icc2Completer);