nuxt3 @ckeditor/ckeditor5-vue

Nuxt.js 是一个用于构建 Vue.js 应用程序的框架，它特别适合构建富文本编辑器的集成。@ckeditor/ckeditor5-vue 是一个官方推荐的库，它是由 CKEditor 官方提供的 Vue.js 插件，用于将 CKEditor 5 引擎与 Vue 单页面应用（SPA）结合。CKEditor 5 是一个功能强大的开源内容管理系统（CMS），提供了一个可定制的富文本编辑器，支持自定义样式、媒体管理、插件扩展等功能。

在 Nuxt v3 中，你可以使用 `@nuxtjs/axios` 配合 `@ckeditor/ckeditor5-vue` 来处理数据交互和编辑器初始化。以下是一个简单的使用示例：

<template>
  <div>
    <ckeditor :editor="editor"></ckeditor>
  </div>
</template>

<script>
import { createApp } from 'vue'
import { useVuePlugin } from '@ckeditor/ckeditor5-vue'
import Editor from '@ckeditor/ckeditor5-editor-basic'

export default {
  components: {
    ckeditor: {
      // 使用了Composition API
      setup() {
        const editor = ref(null)
        useVuePlugin()

        onMounted(() => {
          // 初始化编辑器
          editor.value = ClassicEditor.create(document.querySelector('#editor'), {
            plugins: [Basic],
            toolbar: [...]
          })
        })

        return { editor }
      }
    }
  },
  mounted() {}
}
</script>