TinyCE结合插件MathType(wiris)

       最新发现了一个比较厉害的公式编辑插件，对于做一些题目编辑，或者是学术论文研发的工作人员，公式编辑是一个比较头大的事情，关于公式的显示格式目前最长用的就是latex和mathJax，最新发现了另外一中mathType，该产品是wiris的，对数学公式，化学等等可以进行编辑，但是网上的介绍很少，也很幸运发现了这个。官网是这个：http://www.wiris.com/en

大家可以进入下面这个链接进行体验下，感觉超级好：http://www.wiris.com/solutions/tinymce

这款编辑器主要可以对CKEditor和TinyCE这两款编辑器进行集成，正好前端时间了解了Tinyce这款编译器，的确是很好用，今天就主要针对这款编译器进行一个插件的整合，步骤也很简单，具体如下：

1、在初始化编译器的时候引入外部插件

external_plugins: { tiny_mce_wiris: 'https://www.wiris.net/demo/plugins/tiny_mce/plugin.js' }

2、要在TinyMCE按钮列表中包括MathType按钮

tiny_mce_wiris_formulaEditor
tiny_mce_wiris_formulaEditorChemistry

3、本地代码展示

<template>
  <div :class="{fullscreen:fullscreen}" class="tinymce-container editor-container">
    <textarea :id="tinymceId" class="tinymce-textarea"/>
  </div>

</template>

<script>
import editorImage from './components/editorImage'
import plugins from './plugins'
import toolbar from './toolbar'
import $ from 'jquery'
import { getToken } from '@/utils/auth'
export default {
  name: 'Tinymce',
  components: { editorImage },
  props: {
    id: {
      type: String,
      default: function () {
        return 'vue-tinymce-' + +new Date() + ((Math.random() * 1000).toFixed(0) + '')
      }
    },
    value: {
      type: String,
      default: ''
    },
    toolbar: {
      type: Array,
      required: false,
      default () {
        return []
      }
    },
    menubar: {
      type: String,
      default: 'file edit insert view format table'
    },
    heigh