vue2+tinymce

Vue2 和 TinyMCE 是两个独立的技术，可以在 Vue2 项目中使用 TinyMCE 富文本编辑器。下面是在 Vue2 中集成和使用 TinyMCE 的步骤：

1. 使用 npm 或 yarn 安装 TinyMCE:

npm install tinymce

2. 在项目中创建一个新的 Vue 组件，比如 `TinymceEditor.vue`。

3. 在 `TinymceEditor.vue` 文件中，引入 TinyMCE：

import 'tinymce/tinymce';
import 'tinymce/themes/silver/theme';
import 'tinymce/plugins/paste';
import 'tinymce/plugins/link';
// 其他你需要的插件

4. 在 `TinymceEditor.vue` 文件中，注册 TinyMCE 组件：

Vue.component('tinymce', {
  template: '<textarea></textarea>',
  mounted() {
    tinymce.init({
      target: this.$el,
      menubar: false,
      /* 其他配置选项 */
    });
  },
  beforeDestroy() {
    tinymce.remove(this.$el);
  },
});

5. 在你的父组件中使用 `TinymceEditor` 组件：

<template>
  <div>
    <tinymce></tinymce>
  </div>
</template>

<script>
import TinymceEditor from './TinymceEditor.vue';

export default {
  components: {
    TinymceEditor,
  },
};
</script>