textarea - エースエディター：テーマを動的に変更する方法

Question

選択から変更イベントのエースエディターでテーマを変更するにはどうすればよいですか？domreadyイベントのテーマをプログラムで設定することができます。私が呼び出しているコード（両方のイベント）は次のようになり、（ "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");