tinymce

Vue里使用功能强大的‘tinymce’富文本编辑器 --所看即所得 tinymce是国外的一款富文本编辑器，开源可商用， 免费免费免费 ！！！插件丰富、可扩展性强、界面好看、提供经典、内联、沉浸无干扰三种模式、对标准支持优秀（自v5开始）、多语言支持都是对他的描述！ 一、废话不多说，关于其他对tinymce的介绍大家自行查询，下面直接开始使用。 npm i tinymce (使用npm包管理工具先下载)； 下载好了后在node_modules里会看到如下结构； 下载语言文件，如果你的下载下来的包里已经有了langs这个语言文件，并且文件里有中文的语言包，就忽略掉4这步（如果你喜欢英文，不需要转换中文，那么也请你忽略4这步），没有的话去这个地方下载中文语言包 汉语包下载 ，找到下面这项，把压缩包下载下来； OK，tinymce已经下载了，语言包也OK了，下面开始使用； 二、我们自己创建一个vue的项目，一般都直接使用脚手架创建，创建好了后在src目录创建一个名称为TinymceEdit的文件夹，名称自取，并且在该文件夹创建Index.vue文件，这个TinymceEdit文件夹主要用来放所有tinymce的东西，我们准备把他封装成组件使用 ； 6. 在node_modules里找到tinymce这个包，把如下圈住的东西拷贝出来(4个文件夹以及一个js文件，共5样东西)

富文本编辑器里大佬们都说tinymce NB！ 插件安装 inymce官方提供了一个vue的组件tinymce-vue 如果有注册或购买过服务的话，直接通过组件配置api-key直接使用，懒的注册或者购买的直接下载tinymce 安装tinymce npm install tinymce -S 安装tinymce-vue npm install @tinymce/tinymce-vue -S package.json "@tinymce/tinymce-vue": "^2.1.0", "tinymce": "^5.0.11", 下载中文语言包 tinymce提供了很多的语言包，这里我们下载中文语言包 地址： https://www.tiny.cloud/get-tiny/language-packages/ 下载完后放到静态文件public目录下 1、在public目录下新建tinymce，将上面下载的语言包解压到该目录 2、在node_modules里面找到tinymce,将skins目录复制到public/tinymce里面 tinymce使用 封装成组件 <template> <div class="tinymce-box"> <editor v-model="myValue" :init="init" :disabled="disabled" @onClick=