Reactjs 我使用的是react tinymce,它的onChange属性不能正常工作,它只调用少数事件,我想在onKeyup事件中调用它

Reactjs 我使用的是react tinymce,它的onChange属性不能正常工作,它只调用少数事件,我想在onKeyup事件中调用它,reactjs,tinymce,tinymce-4,Reactjs,Tinymce,Tinymce 4,我正在构建一个React项目,出于某种原因,我正在使用React tinymce,但它工作不正常,我想从其onChange道具获取最新内容,请帮助,如何获取onKeyup事件的最新内容 这是我的密码 import React from 'react'; import ReactDOM from 'react-dom'; import TinyMCE from 'react-tinymce'; const App = React.createClass({ handleEditorChang

我正在构建一个React项目,出于某种原因,我正在使用React tinymce,但它工作不正常,我想从其onChange道具获取最新内容,请帮助,如何获取onKeyup事件的最新内容

这是我的密码

import React from 'react';
import ReactDOM from 'react-dom';
import TinyMCE from 'react-tinymce';

const App = React.createClass({
  handleEditorChange(e) {
    console.log(e.target.getContent());
  },

  render() {
    return (
      <TinyMCE
        content="<p>This is the initial content of the editor</p>"
        config={{
          plugins: 'autolink link image lists print preview',
          toolbar: 'undo redo | bold italic | alignleft aligncenter alignright'
        }}
        onChange={this.handleEditorChange}
      />
    );
  }
});

ReactDOM.render(<App/>, document.getElementById('container'));
从“React”导入React;
从“react dom”导入react dom;
从“react TinyMCE”导入TinyMCE;
const App=React.createClass({
手部编辑或更改(e){
log(e.target.getContent());
},
render(){
返回(
);
}
});
ReactDOM.render(,document.getElementById('container'));

TinyMCE有大量事件可用于与编辑器交互。它们记录在这里:

如果您想在每次按键时得到通知,可以使用与按键相关的事件。由于性能原因,onChange事件不会在每次按键时触发

React/TinyMCE集成的文档提供了如何使用这些事件的示例:


TinyMCE有一个编辑或更改事件,因此您可以像下面这样使用它:

<Editor
   onEditorChange={handleChange}
   ...
/>


...


const handleChange = (content, editor) => {
   console.log(content);
}

...
const handleChange=(内容、编辑器)=>{
控制台日志(内容);
}

这将对您有所帮助。

欢迎使用堆栈溢出。你能分享你正在使用的代码吗?请检查,我已经上传了代码
<Editor
   onEditorChange={handleChange}
   ...
/>


...


const handleChange = (content, editor) => {
   console.log(content);
}