王牌编辑器：如何动态更改主题

【问题标题】：Ace editor : How to dynamically change the theme王牌编辑器：如何动态更改主题
【发布时间】：2012-09-10 20:22:30
【问题描述】：

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

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

【问题讨论】：

标签： textarea ace-editor

【解决方案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");

【讨论】：

谢谢，这正是我想要的 4.