加载时在 Quill 编辑器中插入来自 HTML 的格式化内容

Question

我想使用 Quill 在我的网站上撰写文章，但有时我可能需要编辑这些文章。

为了从 Quill 中检索我的格式化内容并将其放入数据库，我调用了 quill.root.innerHTML，一切顺利。

但是，我正在努力寻找如何获取此 HTML 内容，然后将其显示在我的 Quill 编辑器中，格式与它完全相同是我提交它的时候，页面加载的时候。

欢迎任何帮助，在此先感谢！

Answer 1

Quill 的内容以 JSON Delta 格式描述，API 使用这种格式为 getContents 和 setContents 提供方法：

// Retrieve JSON using the Quill API
const delta = quill.getContents()
const ops = delta.ops;
// Store the JSON representation instead of the raw HTML
storeInDB(ops);

然后您可以检索 JSON，它应该“正常工作”：

const ops = fetchFromDB();
quill.setContents(ops);