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

Quill 使用Delta和格式，而不是直接使用 HTML 和標簽。 您可以設置格式配置選項來限制允許的格式。

Answer 2

在構造函數的參數中定義formats ，在那里你可以定義你想要支持的格式。

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

Answer 3

以下是所有格式的列表：

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

您可以使用它來防止某些格式。