为了实现自定义表单，以及可封装的需求，基于react-quill实现 1、下载react-quill npm install react-quill 2、在页面中引入 import ReactQuill from ‘react-quill’; 3、render <ReactQuill theme=“snow” modules={this.modules} formats={this.formats} style={{height: “500px”}} ref={(el) => { this.reactQuillRef = el }} > <div className=“my-editing-area” id=“testdiv” style={{height: “500px”, width: “100%”}}/>
4、该组件不支持直接操作dom，所以在里面包了一层div，操作这个div里的dom componentDidMount() { this.attachQuillRefs() let ddiv = document.getElementById(“testdiv”); ddiv.innerHTML = “
” } 5、之后在该div里添加操作dom 6、保存的时候保存新增的div的内容