Quill JavaScript Rich Text Editor ограничивает теги

Question

Я пытаюсь использовать Quill JavaScript Rich Text Editor. Мне нужно настроить его, чтобы использовать только предопределенный набор тегов:

b, i, pre, a, br + Emoji

Прямо сейчас я настроил это следующим образом:

var Block = Quill.import('blots/block');
Block.tagName = 'PRE';
Quill.register(Block, true);

var quill = new Quill('#editor-container', {
  modules: {
    toolbar: true
  },
  theme: 'snow'
});

Как вы можете видеть, я уже изменил оболочку на PRE тег. Как также настроить Quill для использования упомянутого ограниченного набора тегов? Другие теги не могут быть разрешены и должны быть автоматически удалены, если они присутствуют.

Answer 1

Определять formats в параметрах конструктора вы можете указать, какие форматы вы хотите поддерживать.

var quill = new Quill('#editor-container', {
  formats: ['bold', 'italic', 'code', 'code-block', 'link'],
  ...
});

Answer 2

Вот список всех форматов:

 formats = [
    // 'background',
    'bold',
    // 'color',
    // 'font',
    // 'code',
    'italic',
    // 'link',
    // 'size',
    // 'strike',
    // 'script',
    'underline',
    // 'blockquote',
    // 'header',
    // 'indent',
    'list',
    // 'align',
    // 'direction',
    // 'code-block',
    // 'formula'
    // 'image'
    // 'video'
  ];

Вы можете использовать это для предотвращения некоторых форматов.

Answer 3

Quill работает с Delta и форматами, а не напрямую с HTML и тегами. Вы можете установить опцию конфигурации форматов, чтобы ограничить допустимые форматы.