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

Question

I am trying to set content like this:

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

But it does not work. Please help.

Answer 1

assigning it to the innerHTML usually works. try this quill.root.innerHTML = "<div class='r'>Some text</div>";

Answer 2

For me (Quill 1.3.6), .pasteHTML works:

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

.setText() does not allow the setting of HTML and instead encodes HTML entities to show as plain text.

.setContents() didn't seem to work at all for me either.

.root.innerHTML() did not work either (threw a Javascript error).

Answer 3

Using setText you can set HTML data

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

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

Read more from quilljs document