一、
网上有很多的富文本编辑器,我用的这个是从一个后台管理系统的模板里面(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');
网友评论