AlloyUI Ace-Editor主題變更

Question

我無法找到一種方法來更改內置於AllouUI Widget中的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(); 不幸的是，在代碼中沒有預定義的方式，我看到改變主題。

有沒有辦法將主題更改爲alloyui的widget的ace編輯器？

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');