TinyMCE与ReactJs-onChange事件仅触发一次

Question

我在我的reactjs应用程序中使用tinyMCE。onChange事件将触发一次，以在警报中正确反映输入数据。然后我什么也没得到。以下是相关代码：<Editor init={{    statusbar: false,    menubar: false,    }}    onChange={this.SetText} />onChange方法：SetText(e) {    alert(e.target.getContent());}

Answer 1

实际上，您使用的事件不正确。对于reactJs插件，它们具有onEditorChange。您可以按以下方式使用它

<Editor

  apiKey="MyAPIKey"

  initialValue=""

  init={{

    height: 500,

    menubar: false,

    plugins: [

      'advlist autolink lists link image charmap print preview anchor',

      'searchreplace visualblocks code fullscreen',

      'insertdatetime media table paste code help wordcount'

    ],

    toolbar:

      'undo redo | formatselect | bold italic backcolor | \

      alignleft aligncenter alignright alignjustify | \

      bullist numlist outdent indent | removeformat | help'

  }}

  onEditorChange={this.onChange}

/>

然后您可以使用来访问编辑器的内容

  onChange = (content) => {

    console.log(content);

  }

e.target 不需要