通过外部HTML设置Quill.js的内容

Question

我尝试使用外部html设置quill.js的内容，如下所示：

quill.container.querySelector('.ql-editor').innerHTML = myHtml;

但并非所有myHtml代码都显示在编辑器中！

当我这样做时：

document.getElementById("editor").innerHTML = myHtml; 

整个html都在那里，但没有给出编辑功能（因为在#editor里面有.ql-editor，它被覆盖。

见这里： https://fiddle.jshell.net/ppkxL2pd/16/

随意更改两个给定的可能性，以了解我的意思。

为什么myHtml显示不正确？

Answer 1

问题在于您将html分配给myHtml变量的方式。

你正确地使用反引号作为模板文字，但它似乎在这种特殊情况下不起作用。

解决方案：

1. 将整个HTML保持在单行。 （不好的方式）。 Working Demo here
2. 在每一行的末尾使用\。 Working Demo here