美文网首页
Tinymce的使用遇到的坑

Tinymce的使用遇到的坑

作者: 陶菇凉 | 来源:发表于2021-09-18 09:20 被阅读0次

    一、

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

    相关文章

      网友评论

          本文标题:Tinymce的使用遇到的坑

          本文链接:https://www.haomeiwen.com/subject/qzkiultx.html