动态更新Ace编辑器的语法高亮显示模式规则

Question

ace editor dev完全陌生，为了在模式文件中动态添加额外的规则以进行语法高亮显示，我正在执行一个ajax调用，该调用设置了一个全局变量，该变量在要处理的模式文件中可用。

以下是设置和初始ajax调用：

var editor = ace.edit("editor");
$.ajax({
url: "json-mode-rules.php",
dataType: "json"
}).done(function(data) {
window.myModeRules=data; // ("foo","bar","etc")
editor.getSession().setMode("ace/mode/python");
});

模式文件使用以下内容进行了修补：

// keywords has already been initialised as an array
// e.g. var keywords = ("and|as|assert...etc")
var extraRules=window.codebenderModeLibrary["myModeRules"].join("|");
keywords=(keywords[0]+"|"+ extraRules);

当页面被首次加载时，ace编辑器会将所有关键字进行语法高亮显示。这很管用。

问题是，当某些事件发生时，我们会更改规则，并希望ace编辑器刷新其语法规则。

再次执行ajax调用并调用setMode没有任何作用——这是因为需要js不重新加载文件。

我在GitHub上发布了一个问题，但尚未解决：

https://github.com/ajaxorg/ace/issues/1835

"如果你真的想保留全局变量，你可以包装所有东西在函数中，调用该函数以获取更新的Mode构造函数，并且然后调用setMode(新模式)。">

我不知道该怎么做，如果有任何帮助，我们将不胜感激。

有人知道如何动态更新ace编辑器语法高亮显示规则吗？

Answer 1

请参阅https://github.com/ajaxorg/ace/blob/9cbcfb35d3/lib/ace/edit_session.js#L888

setMode缓存模式，除非它们有选项所以你可以打电话给

session.setMode({
path: "ace/mode/python",
v: Date.now() 
})

以迫使它创建一个新模式。

另一种方法是进行

var DynHighlightRules = function() {
// add function to change keywords
this.setKeywords = function(kwMap) {
this.keywordRule.onMatch = this.createKeywordMapper(kwMap, "identifier")
}
this.keywordRule = {
regex : "\w+",
onMatch : function() {return "text"}
}
this.$rules = {
"start" : [
{
token: "string",
start: '"', 
end: '"',
next: [{ token : "language.escape", regex : /\[tn"\]/}]
},
this.keywordRule
]
};
this.normalizeRules()
};

然后每当高亮显示规则发生变化时，进行

// update keywords
editor.session.$mode.$highlightRules.setKeywords({"keyword": "foo|bar|baz"})
// force rehighlight whole document
editor.session.bgTokenizer.start(0)

参见http://jsbin.com/ojijeb/445/edit