用quill.js插入HTML或“模板”

Question

我想为quill.js创建一个html代码段或模板，这将使我能够创建3列1行网格。即：

<div class="row">
  <div class="col col-4">
    column 1
  </div>
  <div class="col col-4">
    column 2
  </div>
  <div class="col col-4">
    column 3
  </div>
</div>

我尝试添加<div>标签，如下所示，但是它不起作用并将标签打印为文本。

quill.setContents([
  { insert: '<div>' },
  { insert: 'World!', attributes: { bold: true } },
  { insert: '</div>\n' }
]);

我还在某个地方读到了quill.js去除了各种html标签的信息，但是我找不到在文档中如何允许它们的标签。

任何帮助，将不胜感激。

干杯:)

Answer 1

Quill 不允许您进行任意 HTML 修改，因为它们很容易出错，并为上一代富文本编辑器赢得了恶名。Parchment 是 Quill 的抽象，它允许深度定制，一个好的资源是：Cloning Medium with Parchment。

对于某些用例，您可能可以使用angerouslyPasteHTML，但它会通过Quill的匹配器，因此粘贴内容的HTML可能与您传入的内容不同。