textarea - 王牌编辑 : How to dynamically change the theme

Question

如何在 Ace 编辑器中通过选择更改更改事件的主题？我能够以编程方式设置 dom ready 事件的主题。我正在调用的代码(对于两个事件)如下所示，我正在传递类似(“ace/theme/clouds”/“ace/theme/clouds_midnight”)的值。

setThemeValue = function(themeVal){
var editor = ace.edit("editor");
editor.setTheme(themeVal);
editor.getSession().setMode("ace/mode/javascript");
};

Answer 1

“ setTheme ” 即时更改您使用的主题，您无需重做 ace.edit("editor")。

所以我建议改为这样的代码:

// Initialize your Ace Editor
var editor = (function() {
    var aceEditor = ace.edit("editor");
    // default theme
    aceEditor.setTheme("ace/theme/clouds");
    aceEditor.getSession().setMode("ace/mode/javascript");
    return aceEditor;
})();

// Change theme on the fly
editor.setTheme("ace/theme/clouds_midnight");