如何在 Ace 编辑器中更改主题

Question

我一直在尝试为我的网络应用程序添加语法突出显示并找到了 ace。但是，在使用文档中提供的解决方案后，我仍然无法更改编辑器主题。有谁知道如何做到这一点？

到目前为止，我刚刚使用以下代码初始化了元素

var editor = ace.edit("editor");
editor.getSession().setUseWrapMode(true);
editor.setHighlightActiveLine(true);
editor.setShowPrintMargin(false);
editor.setTheme('ace-builds-master/theme/tomorrow_night.css');
editor.getSession().setMode("ace/mode/javascript");

Answer 1

在构建模式中，setTheme()参数不是路径，而是主题的 id，因此您需要调用 .setTheme('ace/theme/tomorrow_night')

请注意，您还可以使用

editor.setOptions({
    useWrapMode: true,
    highlightActiveLine: true,
    showPrintMargin: false,
    theme: 'ace/theme/tomorrow_night',
    mode: 'ace/mode/javascript'
})

或在较新版本的 ace pass 对象中，带有 ace.Edit 选项

var editor = ace.edit("editor"{
    useWrapMode: true,
    ...
})