javascript 如何设置羽毛笔编辑器的内容?

bfnvny8b  于 2023-10-14  发布在  Java
关注(0)|答案(4)|浏览(103)

我尝试设置这样的内容:

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

但它不起作用。请帮帮我

mwg9r5ms

mwg9r5ms1#

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

uhry853o

uhry853o2#

对我来说(Quill 1.3.6),.pasteHTML工作:

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

.setText()不允许设置HTML,而是将HTML实体编码为纯文本。
.setContents()似乎也不适合我。
.root.innerHTML()也不工作(抛出了一个JavaScript错误)。

3j86kqsm

3j86kqsm3#

使用setText可以设置HTML数据

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

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

从quilljs文档中阅读更多内容

ttygqcqt

ttygqcqt4#

这就是我的工作。

quill.container.firstChild.innerHTML = $('#'+el.id).html();

相关问题