Ace代码编辑器动态设置语言

Question

我正在尝试使用下拉列表选择语言来实现Ace代码编辑器.我的下拉有一个模式ID.我让编辑器正常工作,但我无法使用下拉按照我希望的方式更改语言.我目前的代码是

var editor = ace.edit("code");
var textarea = $('textarea[name="code"]').hide();
editor.setTheme("ace/theme/textmate");
editor.getSession().setMode("ace/mode/sql");
editor.getSession().setValue(textarea.val());
editor.getSession().on('change', function(){
textarea.val(editor.getSession().getValue());
});

$('#mode').on('change', function(){
var newMode = $("mode").val();
editor.session().setMode({
    path: "ace/mode/" + newMode,
    v: Date.now()});
});

如上所述,这成功启动了编辑器,但我无法从SQL中更改语言,这是最初的语言.我遇到了这个问题动态更新Ace编辑器的语法高亮模式规则, 这就是我所包含的原因

v: Date.now()

但仍然没有运气.

Answer 1

你在一个错字editor.session().setMode({线

用editor.session.setMode("ace/mode/" + newMode)而不是它.

v: Date.now() 需要禁用缓存,你很可能不需要它.