vue中如何加入tinymce富文本编辑器

1.安装

npm install tinymce --save
npm install vue-tinymce-editor

2.全局引入

再main.js里面引入

//引入富文本编辑器
import tinymce from "vue-tinymce-editor";
Vue.component("tinymce", tinymce);

3.复制tinymce包

在public下面创建一个tinymce的文件；
找到 node_modules 下的 tinymce 将其目录下的 skins themes 以及其他文件复制到 public/tinymce 下；
下载中文语言包到 public/tinymce 下；

4.封装组件

<template lang="pug">  
 //只有vue项目中配置了 pug 模板的语法才可以这样写否则按照正常 html 语法进行书写     
 //  npm i pug -S   以及 npm i pug-plain-loader -S
  .tinymce-w(:class='className')
    tinymce(id="tinymce" ref="tinymce" v-model="content" :other_options="other_options")
</template>

<script>
import "tinymce/skins/ui/oxide/skin.css";
export default {
  props: {