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

Quill适用于Delta和formats，而不是直接使用HTML和标签。您可以设置formats配置选项以限制允许的格式。