vue 项目中引入 tinymce 富文本编辑器

要在 Vue 项目中使用 tinymce 富文本编辑器，需要以下步骤：

1. 安装 tinymce

在终端中运行以下命令来安装 tinymce：

npm install tinymce --save

2. 引入 tinymce

在需要使用富文本编辑器的组件中，引入 tinymce：

import tinymce from 'tinymce/tinymce'
import 'tinymce/themes/silver/theme'
import 'tinymce/plugins/paste'

3. 编写模板

在模板中，使用 `v-model` 指令来绑定富文本编辑器的内容：

<template>
  <div>
    <textarea v-model="content"></textarea>
  </div>
</template>

4. 初始化 tinymce

在组件的 `mounted` 钩子中，初始化 tinymce：

mounted() {
  tinymce.init({
      selector: 'textarea',
      plugins: ['paste'],
      toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code',
      height: 500,
      setup: editor => {
          editor.on('init', () => {
              editor.setContent(this.content)
          })
          editor.on('input', () => {
              this.content = editor.getContent()
          })
      }
  })
}

在 `selector` 中指定需要绑定富文本编辑器的元素，这里是 `textarea`。`plugins` 和 `toolbar` 分别指定需要加载的插件和工具栏按钮。`height` 指定编辑器的高度。`setup` 中的代码用来监听编辑器的 `init` 事件和 `input` 事件，实现内容的双向绑定。

5. 销毁 tinymce

在组件的 `beforeDestroy` 钩子中，销毁 tinymce：

beforeDestroy() {
  tinymce.remove()
}

这样就可以在 Vue 项目中使用 tinymce 富文本编辑器了。