vue tinymce

Vue-Tinymce 是一个基于 TinyMCE 富文本编辑器的 Vue 组件。它提供了一个简单的方式来在 Vue 应用中集成和使用 TinyMCE。

要使用 Vue-Tinymce，首先需要安装它。你可以通过 npm 或 yarn 进行安装：

npm install vue-tinymce

然后，在你的 Vue 组件中引入和使用 Vue-Tinymce：

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

<script>
import VueTinymce from 'vue-tinymce';

export default {
  components: {
    VueTinymce,
  },
  data() {
    return {
      content: '',
      tinymceConfig: {
        // 配置项
      },
    };
  },
};
</script>

在上面的示例中，我们首先导入了 VueTinymce 组件，然后在组件中注册并使用它。在 data 中，我们定义了一个变量来存储编辑器的内容，并且通过 v-model 指令将这个变量与编辑器进行双向绑定。我们还可以通过 `:init` 属性传递 TinyMCE 的配置项。

你可以根据你的需求来配置 `tinymceConfig` 对象，具体的配置项可以参考 TinyMCE 的官方文档：https://www.tiny.cloud/docs/configure/

Vue-Tinymce 还提供了一些事件和方法，可以用来处理编辑器的变化、获取内容等操作。你可以根据需要在组件中进行相应的处理。

希望这个简单的示例能够帮助你开始使用 Vue-Tinymce 这个富文本编辑器插件。