加載時在 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);