AlloyUI Ace-Editor 主题更改
AlloyUI Ace-Editor Theme Change
我找不到更改 AllouUI 小部件中内置的 Ace-Editor 的方法。下面的例子是我想用 theme 属性实现的。
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 小部件的 ace 编辑器？
不确定 Y.AceEditor 组件是否公开了所需的 api，但您可以尝试获取真正的 ace 编辑器对象，它允许动态更改主题
document.getElementById('#myEditor').env.editor.setTheme("ace/theme/chtome")
您应该可以调用 AceEditor.getEditor().setTheme():
editor.getEditor().setTheme('ace/theme/twilight');
我找不到更改 AllouUI 小部件中内置的 Ace-Editor 的方法。下面的例子是我想用 theme 属性实现的。
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 小部件的 ace 编辑器？
不确定 Y.AceEditor 组件是否公开了所需的 api，但您可以尝试获取真正的 ace 编辑器对象，它允许动态更改主题
document.getElementById('#myEditor').env.editor.setTheme("ace/theme/chtome")
您应该可以调用 AceEditor.getEditor().setTheme():
editor.getEditor().setTheme('ace/theme/twilight');