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和formats一起使用，而不直接与HTML和标记一起使用。您可以设置formats配置选项以限制允许的格式。

Answer 2

在构造函数的参数中定义formats，您可以在其中定义要支持的格式。

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

Answer 3

以下是所有格式的列表：

struct Foo {
    ...
}

struct Bar {
    ...
}

struct Baz {
    ...
}

struct Quux {
    ...
}

register!(Foo, Bar, Baz);

numberOf!(Foo) == 0;
numberOf!(Bar) == 1;
numberOf!(Baz) == 2;
numberOf!(Quux) == failure of some kind;

您可以使用它来阻止某些格式。

Quill JavaScript Rich Text Editor限制标签

3 个答案: