vue 使用tinymce

Vue使用TinyMCE非常简单。下面是一个基本的示例：

首先，你需要安装TinyMCE插件。你可以通过在终端中运行以下命令来安装它：

npm install --save @tinymce/tinymce-vue

在需要使用TinyMCE的组件中，引入并注册TinyMCE组件：

import { createApp } from 'vue'
import { createEditor } from '@tinymce/tinymce-vue'

createApp({
  components: {
    'editor': createEditor(),
  },
}).mount('#app')

在模板中使用editor组件：

<template>
  <div>
    <editor v-model="content" api-key="YOUR_API_KEY"></editor>
  </div>
</template>

在这个示例中，v-model指令用于双向绑定content数据属性，它将存储编辑器的内容。

请确保将YOUR_API_KEY替换为你的TinyMCE API密钥。如果你还没有一个API密钥，可以在TinyMCE的官方网站上注册并获取一个。

这只是一个基本的示例，你可以根据自己的需求进行更多的定制。更多关于Vue和TinyMCE的详细信息可以在TinyMCE的官方文档中找到