0
点赞
收藏
分享

微信扫一扫

Tinymce的使用遇到的坑

天际孤狼 2021-09-30 阅读 90
Vue脚手架

一、

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

相关推荐

0 条评论