如何限制允许的标签和类的类型？

Question

我想限制富文本编辑器创建的文档类型。假设颜色/样式是通过 CSS 处理的，我只希望内容可编辑文档属于以下类型：

<p class="r">I am red</p>
<p class="g">I am green</p>
<p class="b">I am blue</p>
<p class="b">I am <b>blue bold</b></p>

规则是： * 所有内容都在<p> 标签中。 * 每个<p> 都必须分配一个类，可以是“r”、“g”或“b”。 * 里面的内容

标签只能由<b> 或<i> 设置样式。 * 没有嵌套的<p> 标签。

是否可以初始化一个 quilljs 编辑器/散文编辑器/其他只允许这种类型的文档。注意<p>和<b>是替身。如果解决方案是使用<div>/<strong>就可以了。

Answer 1

Quill 中的Clipboard 模块负责将粘贴的内容转换为Delta 格式。剪贴板支持添加custom matchers。

默认情况下，Quill 白名单所有支持formats（粗体，斜体...）。您可以使用whitelist 限制格式。您还可以extend现有格式并创建新格式。

您可以为 r、g、b 类创建自定义 Class Attributor 并将其添加到白名单中。您也许可以使用剪贴板自定义匹配器删除嵌套的 p 标签或使用正则表达式预处理您的内容。