Reactjs 我使用的是react tinymce,它的onChange属性不能正常工作,它只调用少数事件,我想在onKeyup事件中调用它
我正在构建一个React项目,出于某种原因,我正在使用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
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);
}