simditor-markdown 无法监听事件

Question

有没有大神遇到过 tower的开源编辑器simditor使用了 simditor-markdown 扩展就无法监听事件了

react, jsx:

    componentDidMount () {
      this.initEditor()
    }
    
    initEditor = () => {
      this.editor = new Simditor({
        textarea: this.textArea,
        markdown: true,
        toolbar: ['title', 'bold', 'italic', 'underline', 'code', 'blockquote', '|', 'ol', 'ul', '|', 'markdown']
      })
      this.editor.setValue(marked(this.props.content))
      this.editor.on('valuechanged', (e, src) => {
       this.props.onTextChange(toMarkdown(this.editor.getValue()))
      })
    }

Tag:

  <textarea ref={textarea => (this.textArea = textarea)} />

拜托了.

Answer 1

解决方法: 覆写源码的获取value, 包装标签方法(继续didMount下):

    const editorNote = this
    simditorMarkdown.prototype._convert = function () {
      const text = this.textarea.val();
      editorNote.props.onTextChange(text)
      const markdownText = marked(text);
      // textarea
      this.editor.textarea.val(markdownText);
      // tag
      this.editor.body.html(markdownText);
      // 包了层div
      this.editor.formatter.format();
      return this.editor.formatter.decorate();
    };
    this.editor.setValue(marked(this.props.content))  

另外分享下: 表单组件建议用onchange,今天有个上传组件手贱写成了onClick, 刚开始以为state没有改变的原因,后来注意到了.