TinyMCE状态已冻结



当我将用户数据加载到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为内容(

最新更新