如何使用 react-draft-wysiwyg 和 draft js push html to draft？

Question

我从 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' }}/>

我想在我的编辑器上插入这个托运人。

我怎样才能把这个委托给我的编辑？

Answer 1

我是这样找到的:

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

Answer 2

最新版本：

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

如何使用 react-draft-wysiwyg 和 draft js push html to draft？

How to push html to draft with react-draft-wysiwyg and draft js?

html

editor

reactjs

draftjs

react-draft-wysiwyg