如何为羽毛笔编辑器设置内容？

Question

我正在尝试设置这样的内容：

  quill.setContents("<div class='r'>some text</div> ");

但它不起作用。 请帮忙。

Answer 1

将其分配给 innerHTML 通常有效。 试试这个quill.root.innerHTML = "<div class='r'>Some text</div>";

Answer 2

对我来说（Quill 1.3.6） .pasteHTML有效：

quill.pasteHTML("<div class='r'>some text</div> ");

.setText()不允许设置 HTML 而是编码 HTML 实体以显示为纯文本。

.setContents()似乎对我也根本不起作用。

.root.innerHTML()也不起作用（抛出 Javascript 错误）。

Answer 3

使用 setText 您可以设置 HTML 数据

var quill = new Quill(".editor", {
  modules: {
    toolbar: toolbarOptions
  },
  theme: "snow"
});

quill.setText("<div class='r'>some text</div>");

从quilljs 文档中阅读更多内容