加载时在 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);