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

Question

我正在将tinyMCE 与我的reactjs 应用程序一起使用。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不需要