如何将HTML插入QuillJS？

Question

是否可以将原始HTML插入到羽毛笔中？我一直在搜索文档，但找不到任何东西。

如果不可能，是否至少可以将HTML转换为羽毛笔三角洲？

我需要这个的原因是因为我要获取从Quill提取的文本的原始HTML，所以以后可以用HTML样式查看它。我是否做错了所有事情，还需要保留其Delta版本？

Answer 1

在 1.3.6 版本上，您可以使用Quill.setContents(value)方法。

然后像这样插入你的新 HTML：

const value = `<h1>New content here</h1>`
const delta = quill.clipboard.convert(value)

quill.setContents(delta, 'silent')

Quill 文档：https : //quilljs.com/docs/api/#setcontents

Answer 2

我找到了一种方法，可以非常仔细地查看文档。方法quill.clipboard.dangerouslyPasteHTML('raw html');可以解决问题。https://quilljs.com/docs/modules/clipboard/#dangerouslypastehtml

Answer 3

将 HTML 插入 Quill 的另一种方法是使用普通 JavaScript。

您可以将 html 设置为变量，例如htmlToInsert.

然后contenteditable通过其类 获取它，以 Quill 创建的 div为目标ql-editor。

最后，将该innerHTMLdiv 的 设为您要插入的 HTML。

例如：

var htmlToInsert = "<p>here is some <strong>awesome</strong> text</p>"
var editor = document.getElementsByClassName('ql-editor')
editor[0].innerHTML = htmlToInsert