vue2项目TinyMCE插件使用

在Vue 2项目中使用TinyMCE插件，可以按照以下步骤进行操作：

1. 安装TinyMCE插件：
在项目的根目录下，使用npm或yarn安装TinyMCE插件：

   npm install tinymce --save

2. 创建TinyMCE组件：
在Vue项目中，创建一个名为`TinyMCE.vue`的组件：

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

   <script>
   import tinymce from 'tinymce/tinymce';
   import 'tinymce/themes/silver';
   import 'tinymce/plugins/advlist';
   import 'tinymce/plugins/link';
   import 'tinymce/plugins/image';

   export default {
     mounted() {
       tinymce.init({
         target: this.$refs.textarea,
         plugins: 'advlist link image',
         toolbar: 'undo redo | formatselect | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link image',
         menubar: false,
       });
     },
     beforeDestroy() {
       tinymce.remove(this.$refs.textarea);
     },
   };
   </script>

3. 在需要使用TinyMCE的页面中引入组件：
在需要使用TinyMCE的页面中，引入`TinyMCE`组件并使用：

   <template>
     <div>
       <tiny-mce></tiny-mce>
     </div>
   </template>

   <script>
   import TinyMCE from './components/TinyMCE.vue';

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

以上步骤完成后，你就可以在Vue项目中使用TinyMCE插件了。根据需要，你可以根据TinyMCE的文档进行自定义配置和使用其他插件。希望对你有所帮助！