I get a Html string from my API : "consigne": "<p>test</p>\n" and I want to display it on my editor.
My Editor is :
<Editor id="consigne" name= "consigne" editorState={consigne} value={draftToHtml(convertToRaw(consigne.getCurrentContent()))} onEditorStateChange={(consigne) => {this.setState({consigne})} localization={{ locale: 'fr' }}/>
I want to insert this consigne on my editor.
How I can push this consigne to my editor ?
I find it by this :
this.setState({
consigne:EditorState.createWithContent(ContentState.createFromBlockArray(convertFromHTML(plan.consigne)))
})
"react-draft-wysiwyg": "^1.14.5",For the recent version:
const blocks = convertFromHTML(plan.consigne);
this.setState({
consigne: EditorState.createWithContent(ContentState.createFromBlockArray(blocks.contentBlocks, blocks.entityMap))
})
Approach using functional components:
import { useState } from 'react';
import { EditorState, convertFromHTML } from 'draft-js';
import { ContentState } from 'react-draft-wysiwyg';
const blocks = convertFromHTML(htmlData);
const [editorState, setEditorState] = useState(() =>
EditorState.createWithContent(ContentState.createFromBlockArray(blocks.contentBlocks, blocks.entityMap))
);
