如何為羽毛筆編輯器設置內容？

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 文檔中閱讀更多內容