以vue2为例二次封装编译器tinymce

（1）安装依赖

npm i tinymce@5.1.0 -S
npm i @tinymce/tinymce-vue@3.0.1 -S

（2）安装完依赖后在node_modules中找到tinymce，将skins复制到/static/tinymce下
中文包zh_CN.js在langs文件夹下

（2）封装组件-Tinymce.vue

<template>
  <div class="tinymce-editor">
    <Editor
      v-if="init"
      :id="tinymceId"
      :init="init"
      :disabled="disabled"
      v-model="editorValue"
    />
  </div>
</template>

<script>
import {
    domain, common } from "../utls";
import axios from "axios";
import tinymce from "tinymce/tinymce"; //tinymce默认hidden，不引入不显示
import Editor from "@tinymce/tinymce-vue"; //编辑器引入
import "tinymce/themes/silver/theme"; //编辑器主题
import "tinymce/plugins/image";
import "tinymce/plugins/wordcount"; // 字数统计插件
export default {
   
  components: {
   
    Editor,
  },
  props: {
   
    //ID
    id: {
   
      type: String,
      default: "tinymceEditor",
    },
    //高度
    height: {
   
      type: [String, Number],
      default: 390,
    },
    //宽度
    width