在Vue3项目中使用tinymce6 使用组合式ts来做

在 Vue 3 项目中使用 TinyMCE 6 并结合 Composition API (组合式 API) 来开发，可以按照以下步骤进行：

1. 安装 TinyMCE 6：可以通过 npm 或者 yarn 安装 TinyMCE 6 的包，运行以下命令：

npm install @tinymce/tinymce-vue@next tinymce

2. 在 Vue 3 项目中注册 TinyMCE 组件：在你的 Vue 组件中引入 TinyMCE 组件并进行注册，示例如下：

<template>
  <div>
    <editor v-model="content" :init="initConfig"></editor>
  </div>
</template>

<script>
import { Editor } from '@tinymce/tinymce-vue';

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

3. 在组合式 API 中使用 TinyMCE：在 Vue 组件的 `setup` 函数中使用 `ref` 或者 `reactive` 创建响应式的数据，并将其传递给 TinyMCE 组件，示例如下：

<script>
import { ref } from 'vue';
import { Editor } from '@tinymce/tinymce-vue';

export default {
  components: {
    Editor
  },
  setup() {
    const content = ref('');
    const initConfig = {
      // TinyMCE 配置项
    };

    return {
      content,
      initConfig
    };
  }
}
</script>

这样就可以在 Vue 3 项目中使用 TinyMCE 6，并结合组合式 API (TypeScript) 进行开发了。你可以根据自己的需求，配置 TinyMCE 的初始化选项以及处理编辑器内容的逻辑。希望对你有帮助！如果你有更多的问题，请随时问我。