如何删除Quill代码块的黑色背景颜色

Question

在Quill编辑器中输入代码块时，您会在该代码块的黑色背景上获得白色文本。你如何删除这个样式？我宁愿使用正常的黑色字体颜色和较浅的背景颜色。

Answer 1

Quill的语法高亮显示正在使用highlight.js，因此您可以使用更符合您喜好的不同主题。如果您想完全禁用语法高亮，那么您应该在初始化时省略语法模块：

new Quill(container, {
  modules: {
    // syntax: true    Don't add me
  }
});

Answer 2

根据您使用的主题，您可以在相应的CSS文件中找到设置，例如quill.snow.css或quill.bubble.css：

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f; /* <== change this color */ 
  color: #f8f8f2;
  overflow: visible;
}