如何显示保存的DraftJS编辑器内容？

Question

实际上，我将DraftJS编辑器的DraftJS保存为字符串，使用：JSON.stringify(convertToRaw(editorState.getCurrentContent()))

我的问题是:如何把它显示回来，例如，作为一个邮报。我认为我仍然应该使用DraftJS来显示它，因为只有DraftJS才能自然地解析convertFromRaw(JSON.parse(...))的结果。

问题是，例如链接实体在编辑器中是不可点击的，当我浏览EditorState和ContentState的API时，我没有看到类似viewMode之类的东西，所以我很困惑。

请帮帮忙。

Answer 1

您可以通过这样的操作来显示rawContent：

import { Editor} from 'draft-js';

export default class ShowContent extends React.Component {
  constructor(props){
    this.state = { editorState: convertFromRaw(JSON.parse(...))};
  }

  render(){
    return <Editor editorState={this.state.editorState} readOnly />
  }
}

关于viewMode属性的假设是正确的。它是从草稿中导入的编辑器组件的"readOnly“属性。

Answer 2

我刚刚看到了草稿-js-export-html，这正是我想要的。