react.js 中如何使用 Simditor ？

Question

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

Answer 1

代码片段供参考：

  componentDidMount() {

    var textbox = ReactDOM.findDOMNode(this.refs.textarea);

    this.editor = new Simditor({

      textarea: $(textbox),

      toolbar: ['title', 'bold', 'italic', 'underline', 'strikethrough', 'fontScale', 'color',

        'ol', 'ul', 'blockquote', 'code', 'table', 'link', 'image', 'indent', 'outdent', 'alignment', 'hr']

    });

    this.editor.on("valuechanged", (e, src) => {

      this.props.fields.body.onChange(this.editor.getValue());

    });

  }

  componentDidUpdate (prevProps) {

    if (prevProps.body !== this.props.body) {

      this.editor.setValue(this.props.body);

    }

  }

<textarea className="form-control" ref='textarea' rows="50" {...body}/>