vue中使用tinymceEditor富文本编辑器

1首先我们需要在我们的module中通过npm 或者 cnpm安装

cnpm install tinymce -S

2在我们的项目中 新建一个components文件夹,并创建TinymceEditor.vue的一个组建

vue中使用tinymceEditor富文本编辑器_第1张图片

3代码如下








4 引用组建

import TinymceEditor from '_com/TinymceEditor'

  components: {
    TinymceEditor
  },
 

data(){
    return{
        formData:{
            activityIntroduce:""
        }   
    }
}

 

5,这时候你会发现文件报错,不要着急,是因为 中文包 的关系   ,唉太慢了还是给你们百度云吧  

链接:https://pan.baidu.com/s/1PWfPeQcIBNDqJokDerSNvg 
提取码:2baa 
复制这段内容后打开百度网盘手机App,操作更方便哦

vue中使用tinymceEditor富文本编辑器_第2张图片

6所以我们需要在public文件夹下放一个tinymce的文件夹 

 

你可能感兴趣的:(vue中使用tinymceEditor富文本编辑器)