Как убрать черный цвет фона для кодовых блоков Quill

Question

Когда вы вводите блок кода в редакторе Quill, вы получаете белый текст на черном фоне для этого блока кода. Как вы удаляете этот стиль? Я предпочел бы иметь свой обычный черный цвет шрифта с более светлым цветом фона.

Answer 1

В зависимости от используемой темы, вы найдете настройки в соответствующем файле CSS, например, quill.snow.css или же quill.bubble.css:

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

Answer 2

Подсветка синтаксиса Quill использует https://highlightjs.org/, так что вы можете просто использовать другую тему, которая вам больше по вкусу. Если вы хотите вообще отключить подсветку синтаксиса, то при инициализации вы должны опустить модуль синтаксиса:

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