AlloyUI Ace-Editorテーマ変更

Question

AllouUIウィジェットに組み込まれているAce-Editorを変更する方法が見つかりません。以下の例は、テーマ属性で達成したいものです。

YUI().use( 'aui-ace-autocomplete-base', function(Y) { var editor = new Y.AceEditor( { boundingBox: '#myEditor', height: '200', mode: 'python', value: 'print("Hello there!!!")', width: '700', theme: 'chaos' } ).render(); 悲しいことに、コードにはテーマを変更するために見た定義済みの方法はありません。

アウディのウィジェットのテーマをエースエディタに変更する方法はありますか？

Answer 1

Y.AceEditorコンポーネントが必要なAPIを公開していますが、動的に

document.getElementById('#myEditor').env.editor.setTheme("ace/theme/chtome") 

Answer 2

あなたはAceEditor.getEditor().setTheme()を呼び出すことができる必要があり、テーマを変更することができます本物のエースエディタオブジェクトを取得しようとすることができるかどうかわかりません：

editor.getEditor().setTheme('ace/theme/twilight');