blocksFromHTML.entityMap ) const index = Number(wordIp.getQueryString(window.location.hash, 'index')) const id = wordIp.getQueryString(window.location.hash, 'id') this.state = { editorState: EditorState.createWithContent(state), editorContent: '好好学习天天向上', currentPage: 1, ...
importdraftToMarkdownfrom'draftjs-to-markdown'; importhtmlToDraftfrom'html-to-draftjs'; import'../../../node_modules/react-draft-wysiwyg/dist/react-draft-wysiwyg.css'; const content = { "entityMap": {}, "blocks": [{ "key": "637gr", "text": "", "type": "unstyled", "depth"...
Content=()=>{this.setState({editorState:''})}//获取html内容handleGetHtml=()=>{this.setState({isShowHtml:true})}//获取json内容handleGetJson=()=>{this.setState({isShowJson:true})}//获取json内容handleGetText=()=>{this.setState({isShowText:true})}render(){const{editorState,edito...
props.changeBody(editorState, draftToHtml(convertToRaw(editorState.getCurrentContent())); } render() { const { editorState } = this.state; return ( <Editor editorState={editorState} onEditorStateChange={this.onEditorStateChange} toolbar={{ options: ['blockType'], blockType: { inDropdown...
const html = draftToHtml(convertToRaw(editorState.getCurrentContent())) //提交给后端的是html字符串 onChange({ isChange: false, text: html, }) } //图片上传 const uploadImageCallBack = (file) => { return new Promise((resolve, reject) => { ...
desc: draftToHtml(convertToRaw(editorState.getCurrentContent())),},});7.富⽂本回显 const descInit = response.data.brandDesc if (descInit && descInit !== 'null') { const contentBlock = htmlToDraft(descInit);const contentState = ContentState.createFromBlockArray(contentBlock.contentBlocks)...
createFromBlockArray( blocksFromHtml.contentBlocks ); this.setState({ editor: EditorState.createWithContent(state), }); } This is my uploadCallback: uploadImageCallBack(file) { const form = new FormData(); form.append('photo', file); const url = Helpers.getServerUrl() + '/upload'; ...
提交时将富文本转换为含html的文本: addModalHandleOk = e =>{ const _this=this;this.addModalFormRef.current.validateFields() .then(values=>{ console.log(this.state.editorContent); const params={ title: values.title, content: draftToHtml(convertToRaw(this.state.editorState.getCurrentContent())...
return draftToHtml(convertToRaw(this.state.editorState.getCurrentContent())) } uploadImageCallBack = (file) => { return new Promise( (resolve, reject) => { const xhr = new XMLHttpRequest() xhr.open('POST', '/manage/img/upload') ...
editorState.getCurrentContent(), editorState.getSelection(), value.text, );consttemp =EditorState.push(editorState, contentState,'insert-characters')lethtml =draftToHtml(convertToRaw(temp.getCurrentContent())) html = html.replace(/</g,'<').replace(/>/g,'>')setEditorState(formatEditorState...