如何使用 react-draft-wysiwyg 和草稿 js 将 html 推送到草稿？答案

【问题标题】：How to push html to draft with react-draft-wysiwyg and draft js?如何使用 react-draft-wysiwyg 和草稿 js 将 html 推送到草稿？
【发布时间】：2019-11-06 11:30:46
【问题描述】：

我从我的 API 获得一个 Html 字符串："consigne": "<p>test</p>\n"，我想在我的编辑器上显示它。

我的编辑器是：

<Editor id="consigne" name= "consigne" editorState={consigne} value={draftToHtml(convertToRaw(consigne.getCurrentContent()))} onEditorStateChange={(consigne) => {this.setState({consigne})} localization={{ locale: 'fr' }}/>

我想在我的编辑器上插入这个收货人。

我如何将这个收货人推送给我的编辑？

【问题讨论】：

标签： html reactjs editor draftjs react-draft-wysiwyg

【解决方案1】：

我是通过这个找到的：

  this.setState({ 
consigne:EditorState.createWithContent(ContentState.createFromBlockArray(convertFromHTML(plan.consigne))) 
    })

【讨论】：

非常感谢发帖，但不再适用于当前版本"react-draft-wysiwyg": "^1.14.5",

【解决方案2】：

对于最新版本：

const blocks = convertFromHTML(plan.consigne);
this.setState({ 
  consigne: EditorState.createWithContent(ContentState.createFromBlockArray(blocks.contentBlocks, blocks.entityMap)) 
})

【讨论】：