Question

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

如果不可能，我至少可以将HTML转换为Quill Delta吗？

我需要这个的原因是因为我正在抓取从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

有更好的方法：

const htmlMurkup = '<p>Good</p>'
let quill = new Quill()
quill.container.firstChild.innerHTML = htmlMurkup

Answer 4

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

您可以将html设置为变量，例如public class Transformer implements IAnnotationTransformer { @Override public void transform(ITestAnnotation annotation, Class testClass,Constructor testConstructor, Method testMethod){ if (testMethod.getName().equals("test1")){ System.out.println("Disable " + testMethod.getName()); annotation.setEnabled(false); } } }。

然后通过按其类htmlToInsert来获取由Quill创建的contenteditable div。

最后，将该div的ql-editor设置为要插入的HTML。

例如：

innerHTML

Answer 5

我认为最直接的方法是：

quill.root.innerHTML = '<p>HTML Goes Here</p>'

您也可以从此属性获取 HTML。

如何将HTML插入QuillJS？

5 个答案: