vue项目使用tinymce

前言：

之前没用过富文本编辑器，最近项目中要用到富文本编辑器，而且要能上传图片，编写表格，就只好各种查文档，百度搜，本来用的是vue-quill-editor，可惜这个编辑器不能编写表格（也可能只是我没找到编写表格的配置），之后又用了wangEditor，个人感觉这个不太好看，之后就接着搜富文本编辑器，搜到一篇文章--vue项目移植tinymce踩坑，2这篇文章里关于编辑器的配置，怎么上传图片都介绍的比较详细。本文只是根据这篇文章的一点改进，方便直接复制粘贴使用

一、下载所需插件

1. 首先直接         npm install tinymce -S
2. 下载中文语言包，附上地址下载链接
3. 把node_modules\tinymce下的skins文件夹和中文语言包解压后的文件夹放到项目根目录下

二、创建方便引用的富文本编辑器组件

话不多说直接上代码

创建组件editor.vue

三、其他组件引用

代码如下

引入要给组件嵌套一个标签，否则右边会超出，很难看，最后附上成果图（右下角有一个像文本域一样的小三角，可以拉长显示区域），以后要用了复制粘贴就方便了