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

Question

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

EditorState.createWithContent(ContentState.createFromText(text))

用文本初始化编辑器，但未显示设计（粗体、插入链接、下划线等..）如何上传带有设计的初始文本？

标签： reactjsdraftjs

Answer 1

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

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

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

要恢复原始状态：

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