Bootstrap

element tinymce 富文本编辑默认不可用问题

<el-tinymce-x :readonly='status' ref='tiny' :id="id">

</el-tinymce-x>

data : {

        status: true, //默认不可编辑状态

        id: 'ssss',//富文本唯一id

}

富文本框默认不可编辑状态,通过页面触发 this.status = false ,

发现已渲染页面仍然不可编辑,审查数据status值已经改变。

解决方案:

每次状态更新,需要先注销富文本,再次初始化富文本,页面状态即可更新。

每次更新编辑状态,页面会有闪动。
 

window.tinymce.get(this.is) && window.tinymce.get(this.is).destroy();

this.refs.tiny && this.refs.tiny.init()

;