vue2 使用tinymce 基本使用，图片上传，添加插件

要在 Vue2 中使用 TinyMCE，你需要先安装 TinyMCE 和相应的 Vue2 插件。可以通过以下命令安装：

npm install tinymce --save
npm install @tinymce/tinymce-vue@^2.0.0 --save

安装完成后，你需要在你的Vue2组件中引入和注册 TinyMCE 插件：

<template>
  <div>
    <tinymce-vue v-model="content" :init="initSettings"></tinymce-vue>
  </div>
</template>

<script>
import { Editor } from '@tinymce/tinymce-vue'
import 'tinymce/tinymce.min.js'
import 'tinymce/themes/silver/theme'

export default {
  components: {
    'tinymce-vue': Editor
  },
  data() {
    return {
      content: '',
      initSettings: {
        plugins: 'image media link',
        toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | outdent indent | link image media',
        images_upload_url: '/your/upload/url',
        images_upload_handler: function (blobInfo, success, failure) {
          // 处理图片上传
        },
        media_url_resolver: function (data, resolve) {
          // 处理媒体资源
        }
      }
    }
  }
}
</script>

在上面的代码中，我们首先引入了 TinyMCE Vue2 插件和 TinyMCE 核心库。然后，在组件定义中，我们注册了 `tinymce-vue` 组件，并在模板中使用它。我们还定义了 `content` 和 `initSettings` 数据，用于存储文本编辑器中的内容和初始化设置。在 `initSettings` 中，我们配置了一些 TinyMCE 插件以及工具栏按钮，并指定了图片上传和媒体资源处理的处理函数。

如果你要添加其他的 TinyMCE 插件，只需在 `initSettings` 中添加对应的插件名称即可。例如，如果你要添加表格插件，可以在 `initSettings` 中添加 `"table"`。

同时，如果你要使用 TinyMCE 插件上传图片，你需要在 `images_upload_handler` 中实现图片上传的逻辑。如果你要使用第三方图片上传插件，你需要将 `images_upload_url` 设置为你的上传接口地址，并在 `images_upload_handler` 中调用该插件的上传方法。

希望这个回答能够帮助到你。