tinymce vue2

TinyMCE 是一款广泛使用的开源富文本编辑器，它在 Vue2 中可以通过插件来集成。Vue-TinyMCE 或者 tiny-mce-vue 是一些开发者编写的 Vue 组件包装器，使得 TinyMCE 能够方便地在 Vue 项目中使用。

使用步骤一般包括以下几个部分：
1. 安装插件：在 `npm` 或 `yarn` 上安装 `vue-tinymce` 或者 `@tinymce/tinymce-vue`。

npm install vue-tinymce @tinymce/tinymce-vue
# 或者
yarn add vue-tinymce @tinymce/tinymce-vue

2. 引入并在组件中使用：

import { TinyMce } from 'vue-tinymce';

export default {
  components: {
    TinyMce
  },
  //...
}

3. 配置编辑器：在组件内或全局配置TinyMCE，设置语言、主题、按钮等参数。

<script>
export default {
  data() {
    return {
      tinymceOptions: {
        language: 'zh-cn',
        theme: 'modern',
        plugins: [
          'advlist autolink lists link image charmap print preview hr anchor pagebreak',
          'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking',
          'table contextmenu directionality emoticons template paste textcolor colorpicker textpattern'
        ],
        toolbar: 'undo redo | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | formatselect | bullist numlist outdent indent | removeformat',
      }
    };
  },
  //...
};
</script>