Draft.js 带有设计的初始文本

Question

我将 Draft.js 与 React 结合使用。用户可以添加带样式的文本并将其保存到数据库中。我希望用户也能够编辑，所以我使用：

EditorState.createWithContent(ContentState.createFromText(text))

以文本开头编辑器，但未显示设计（粗体、插入 link、下划线等。）如何上传带有设计的初始文本？

Answer 1

您应该存储包含所有格式和实体的原始状态。

要获取原始状态，请使用以下代码：

    const content = editorState.getCurrentContent();
    const contentToDb= convertToRaw(content);

恢复原始状态：

    const rawContent = convertFromRaw(contentFromDb);
    const state = EditorState.createWithContent(rawContent);
    setEditorState(state);

Draft.js initial text with design