vue2富文本tinymce

Vue2中可以使用tinymce富文本编辑器。首先，你需要安装tinymce包：

npm install tinymce --save

然后，在你的Vue组件中，使用以下代码来引入和初始化tinymce：

<template>
  <div>
    <textarea ref="myEditor"></textarea>
  </div>
</template>

<script>
import tinymce from 'tinymce/tinymce'
import 'tinymce/themes/silver/theme'
import 'tinymce/plugins/paste'
import 'tinymce/plugins/link'
import 'tinymce/plugins/image'
import 'tinymce/plugins/table'

export default {
  mounted() {
    tinymce.init({
      selector: 'textarea',
      plugins: ['paste', 'link', 'image', 'table'],
      toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright | table | link image',
      height: 500,
      setup: (editor) => {
        editor.on('change', () => {
          this.$emit('input', editor.getContent())
        })
      }
    })
  },
  beforeDestroy() {
    tinymce.remove()
  }
}
</script>

以上代码会在页面中渲染一个富文本编辑器，并将编辑器的内容通过 `$emit` 传递给父组件。你可以根据需要自定义插件和工具栏。

请注意，以上示例只是基本的配置，你还可以根据自己的需求进行更多的定制化操作。