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

Question

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

我的问题是：如何将其显示回来，例如 Post。我在想我还是应该用DraftJS来显示回来，因为只有DraftJS可以自然地解析convertFromRaw(JSON.parse(...))的结果。

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

请帮忙

Answer 1

我刚看到 draft-js-export-html，正是我要找的东西。

Answer 2

您可以通过执行以下操作来显示原始内容：

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 属性的假设是正确的。它是您从 Draft 导入的编辑器组件的 "readOnly" 属性。

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

How to display the saved content of a DraftJS editor?

javascript

draftjs