Open Durgesh2607 opened 1 year ago
`const customContentStateConverter = (contentState) => { const newBlockMap = contentState.getBlockMap().map((block) => { const entityKey = block.getEntityAt(0); if (entityKey !== null) { const entityBlock = contentState.getEntity(entityKey); const entityType = entityBlock.getType(); switch (entityType) { case "IMAGE": { const newBlock = block.merge({ type: "atomic", text: "img", }); return newBlock; } default: return block; } } return block; }); const newContentState = contentState.set("blockMap", newBlockMap); return newContentState; };
class EmailBodyEditor extends Component { constructor(props) { super(props); let editorState; if (props.value !== "") { const processedHTML = convertFromHTML(props.value); const contentState = ContentState.createFromBlockArray(processedHTML); //move focus to the end. editorState = EditorState.createWithContent( customContentStateConverter(contentState) ); editorState = EditorState.moveFocusToEnd(editorState); } else { editorState = EditorState.createEmpty(); } this.state = { editorState: editorState, }; } keyBindingFn = (e) => { if (e.keyCode === 13) { const newEditorState = RichUtils.insertSoftNewline( this.state.editorState ); if (newEditorState !== this.state.editorState) { this.onEditorStateChange(newEditorState); } } else { return getDefaultKeyBinding(e); } }; onEditorStateChange = (editorState) => { this.setState({ editorState, }); };
render() { const { editorState } = this.state; return (
);
} }` This is what I'm doing? Any issue here?
`const customContentStateConverter = (contentState) => { const newBlockMap = contentState.getBlockMap().map((block) => { const entityKey = block.getEntityAt(0); if (entityKey !== null) { const entityBlock = contentState.getEntity(entityKey); const entityType = entityBlock.getType(); switch (entityType) { case "IMAGE": { const newBlock = block.merge({ type: "atomic", text: "img", }); return newBlock; } default: return block; } } return block; }); const newContentState = contentState.set("blockMap", newBlockMap); return newContentState; };
class EmailBodyEditor extends Component { constructor(props) { super(props); let editorState; if (props.value !== "") { const processedHTML = convertFromHTML(props.value); const contentState = ContentState.createFromBlockArray(processedHTML); //move focus to the end. editorState = EditorState.createWithContent( customContentStateConverter(contentState) ); editorState = EditorState.moveFocusToEnd(editorState); } else { editorState = EditorState.createEmpty(); } this.state = { editorState: editorState, }; } keyBindingFn = (e) => { if (e.keyCode === 13) { const newEditorState = RichUtils.insertSoftNewline( this.state.editorState ); if (newEditorState !== this.state.editorState) { this.onEditorStateChange(newEditorState); } } else { return getDefaultKeyBinding(e); } }; onEditorStateChange = (editorState) => { this.setState({ editorState, }); };
render() { const { editorState } = this.state; return (
} }` This is what I'm doing? Any issue here?