Tinymce的使用遇到的坑

一、

网上有很多的富文本编辑器，我用的这个是从一个后台管理系统的模板里面（https://github.com/PanJiaChen/vue-element-admin）摘出来的；官方文档地址http://tinymce.ax-z.cn/

二、使用注意事项；

1.虽然引用的时候，绑定值是使用v-model来绑定的，但是并不会是响应改变；初始化值也不行；需要使用this.$refs.editor.setContent('')来设置

 <Tinymce ref="editor" v-model="formMess.content" :height="300" />

2.编辑器的只读模式和编辑模式；
我看文档说是可以使用下面代码来修改，但是并不会生效，因为组件一开始就把这个配置加载了，后期修改也不会生效，所以我只能一开始采用传参的方式来处理 ；

this.$refs.editor.editors.setMode('readonly');
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容