当我将用户数据加载到tinymce编辑器中时,它会将编辑器中的数据设置为当前状态值。但是,它不允许我更改这些数据。当我试图在编辑器中键入任何内容时,它会迫使状态恢复到原来的状态。
<Editor
apiKey=key
initialValue={this.state.tinymcebody}
init={{
height: 500,
menubar: false,
color_cols: 8,
color_rows: 5
}}
onChange={this.handleEditorChange}
这是我的编辑器更改功能
handleEditorChange(e) {
this.setState({
tinymcebody: e.target.getContent()
});
}
我的问题是,数据在设置为初始状态后拒绝更新,我尝试将initialValue更改为value,我尝试同时设置initialValue和value,但都不起作用。我想知道是否存在数据管道问题,或者是否有人知道原因。
您在Editor
中没有value
道具,只需添加:
<Editor
...
value={this.state.tinymcebody}
...
/>
这迫使编辑";受控的";(即以value
为内容(