VUE富文本编辑器TinyMCE 结合 vue-element-admin 实现

vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18n 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。

官方链接：https://panjiachen.github.io/vue-element-admin-site/zh/

1.下载vue-element-admin
vue-element-admin下载完成后，进入目录src\components，将Tinymce目录复制到项目中的src\components目录下。
2.安装模块

npm install @tinymce/tinymce-vue -S
npm install tinymce -S

安装sass

npm install node-sass@4.14.1 sass-loader@7.3.1 style-loader --save-dev

3.在vue所需要的页面中引入富文本组件使用即可
引入：

 import Tinymce from '@/components/Tinymce'

模板中使用：

<template>
	<tinymce ref="content" v-model="desc" :height="300" :width="600"/>
</template>