暂时 disable/toggle ace 中的语法突出显示

Question

有没有办法在 ace.js 中切换语法高亮显示？

我知道您可以使用 editor.setMode() 在语法突出显示模式之间切换，但是直接关闭语法突出显示怎么样？

我似乎找不到关于此的任何文档

Answer 1

你可以用css切换它，假设你的ACE编辑器的class是.ace-xcode，这里你可以切换class monochrome在上面：

function toggleSyntaxHighlighting() {
  document.querySelector('.ace-xcode').classList.toggle('monochrome');
}

在您的 css 代码中。如果 class .monochrome 已打开，请通过分配此规则禁用跨度的颜色：

.ace-xcode.monochrome span {
    color: initial !important;
}