如何使用draft-js從數據庫獲取/保存數據

Question

我決定在此提出問題。我使用mysql作爲數據庫作爲存儲，並希望將draft-js添加到我正在構建的網頁中。獲取數據並將數據保存到數據庫中的正確方法是什麼？任何工作示例都會很棒！

Answer 1

您應該使用convertToRaw和convertFromRaw方法。從文檔提取物：

convertFromRaw(rawState: RawDraftContentState): ContentState 

鑑於原始狀態，將其轉換爲ContentState。當 恢復要在草稿編輯器中使用的內容時，這很有用。

convertToRaw(contentState: ContentState): RawDraftContentState

給定一個ContentState對象，將其轉換爲原始JS結構。在保存編輯器狀態以存儲，轉換爲其他格式或應用程序中的其他用法時，這是 有用。

我叉this筆演示這些方法是如何工作的。打開my pen。首先，我們來考慮一個保存編輯器狀態。我添加了「日誌編輯器狀態」按鈕。如果您打開控制檯並單擊該按鈕，則可以將編輯器狀態的當前表示視爲JavaScript對象。您可以將此對象轉換爲JSON，並使用適當的API端點將此JSON保存到數據庫中。

點擊圖片爲全尺寸

當你需要證明你的頁面上的編輯器不是空的，與您以前保存在數據庫或者，例如預定義的內容的情況下，localStorage的。在這裏，您應該使用createWithContent方法和上面提到的convertFromRaw方法。在我的示例中，我將JSON字符串存儲在變量editorStateAsJSONString中，對於真實世界的情況，您應該請求返回JSON的API端點，並在此之後按照描述呈現編輯器組件。