如何在Vue里使用“tinymce”富文本编辑器

Vue里使用功能强大的"tinymce"富文本编辑器 --所看即所得

tinymce是国外的一款富文本编辑器，开源可商用，免费免费免费！！！插件丰富、可扩展性强、界面好看、提供经典、内联、沉浸无干扰三种模式、对标准支持优秀（自v5开始）、多语言支持都是对他的描述！
一、废话不多说，关于其他对tinymce的介绍大家自行查询，下面直接开始使用。

1. npm i tinymce (使用npm包管理工具先下载)；
2. 下载好了后在node_modules里会看到如下结构；
   
3. 下载语言文件，如果你的下载下来的包里已经有了langs这个语言文件，并且文件里有中文的语言包，就忽略掉4这步（如果你喜欢英文，不需要转换中文，那么也请你忽略4这步），没有的话去这个地方下载中文语言包汉语包下载，找到下面这项，把压缩包下载下来；
4. 
5. OK，tinymce已经下载了，语言包也OK了，下面开始使用；

二、我们自己创建一个vue的项目，一般都直接使用脚手架创建，创建好了后在src目录创建一个名称为TinymceEdit的文件夹，名称自取，并且在该文件夹创建Index.vue文件，这个TinymceEdit文件夹主要用来放所有tinymce的东西，我们准备把他封装成组件使用；
6. 在node_modules里找到tinymce这个包，把如下圈住的东西拷贝出来(4个文件夹以及一个js文件，共5样东西)，放在我们自己创建的TinymceEdit文件夹里

7. 把我们之前下载的语言包解压出来，也给拷贝到我们自己创建的TinymceEdit文件夹里，也就是说你最终的自己创建的文件夹里应该有如下这些东西
8. 这里再补充下，打开langs文件夹，里面应该有这个zh_CN.js这个文件，这才表示你的中文包下载完毕并且没问题

9.打开我们自己创建的Index.vue文件开始编写代码

<template>
<div>
  <div id="mySelection"></div>  //给个容器，待会用来盛放编辑器，**很重要很重要很重要**！！！
</div>
</template>
<script>
import "./tinymce.min.js";               //入口文件  
import "./themes/silver/theme.min.js";  //主题文件，不引入你在界面上看不到编辑器，浏览器会把它隐
										//藏，不相信你就别引入看看界面效果就知道了
import "./langs/zh_CN.js";				//语言文件
import "./icons/default/icons.min.js"	//图标文件
----以上四个文件必须引入-----                //下面引入的这些文件不知道什么用没关系，继续往下看
import "./plugins/print/plugin.min.js"
import "./plugins/code/plugin.min.js"
import "./plugins/table/plugin.min.js"
import "./plugins/image/plugin.min.js"
import "./plugins/preview/plugin.min.js"
import