react.js 中如何使用 Simditor ？

Question

最近项目中需要使用到富文本编辑器，项目是一个 Meteor with react 项目，所以就准备采用simditor，但是官方文档很少，也没有给出后台配置说明。我现在不解的是，怎么储存数据？怎么使用储存的数据进行展示？他是怎么保存编辑时候的格式的？还有图片的插入问题。望大神指点，给出思路。第一次用接触富文本编辑器

Answer 1

代码片段供参考：&nbsp; componentDidMount() {&nbsp; &nbsp; var textbox = ReactDOM.findDOMNode(this.refs.textarea);&nbsp; &nbsp; this.editor = new Simditor({&nbsp; &nbsp; &nbsp; textarea: $(textbox),&nbsp; &nbsp; &nbsp; toolbar: ['title', 'bold', 'italic', 'underline', 'strikethrough', 'fontScale', 'color',&nbsp; &nbsp; &nbsp; &nbsp; 'ol', 'ul', 'blockquote', 'code', 'table', 'link', 'image', 'indent', 'outdent', 'alignment', 'hr']&nbsp; &nbsp; });&nbsp; &nbsp; this.editor.on("valuechanged", (e, src) => {&nbsp; &nbsp; &nbsp; this.props.fields.body.onChange(this.editor.getValue());&nbsp; &nbsp; });&nbsp; }&nbsp; componentDidUpdate (prevProps) {&nbsp; &nbsp; if (prevProps.body !== this.props.body) {&nbsp; &nbsp; &nbsp; this.editor.setValue(this.props.body);&nbsp; &nbsp; }&nbsp; }<textarea className="form-control" ref='textarea' rows="50" {...body}/>