分析QUILL DELTAS到Html Textarea

Question

嗨，我正在做HTML電子雜誌項目。

我添加了一個HTML文本編輯器（我使用鵝毛筆）我需要通過增量的羽毛筆到文本區域或段落標記（如：就像我們在堆棧溢出使用問問題的人;預覽相同的波紋管）。

我已經通過一些參考，但我無法理解獲取內容的羽毛，我是新來的這個。

所以任何人都可以幫助我理解並向我展示適合的代碼。

由於套筒是一個開放源代碼，我不包括代碼，如果需要我會更新我的代碼，但我已經上傳圖片來描述我期望做的事情。

在此先感謝。

Picture: This is how i wanted

Answer 1

這實際上是一個問題的兩個部分。在關於更新款的內容，你需要註冊一個鵝毛筆「文本改變」處理程序是這樣的：

quill.on('text-change', function(delta, oldDelta, source) { 

這是從https://quilljs.com/docs/api/#text-change拍攝。該函數的其餘部分將處理delta（https://quilljs.com/docs/delta/）以將其轉換爲有效的HTML代碼（Convert Quill Delta to HTML），然後將段標記的innerHTML設置爲該HTML代碼。

關於將數據添加到MySQL數據庫，您可以使用XMLHttpRequest對PHP頁面執行此操作，然後將PHP數據插入數據庫。您可以在「文本更改」處理程序中發出請求。雖然這將確保數據庫將完成所有工作，但如果許多人可能同時使用編輯器來處理不同的項目，則可能會導致數據庫性能問題。如果這確實是一個問題，那麼你會想要添加一個保存按鈕到調用一個保存功能的頁面上，該功能發出請求。您可以使用quill.getContents()（https://quilljs.com/docs/api/#getcontents）獲取套筒編輯器的內容。