CKEditor 5 不适用于 Vue 3 Composition API

Question

我正在尝试在本地使用 CKEditor 和 vue 3 组合 api，但此处页面上未显示的编辑器可能是组件

<template>
    <PageWrapper title="Post">
        <CKEditor :editor="editor"></CKEditor>
    </PageWrapper>
</template>


<script setup>
import PageWrapper from '@/components/PageWrapper.vue'
import CKEditor from '@ckeditor/ckeditor5-vue'
import ClassicEditor from '@ckeditor/ckeditor5-build-classic'

const editor = ClassicEditor
</script>

怎么了？

Answer 1

从官方文档来看，它非常简单，使用脚本设置，我发现它是这样工作的

    
    import CKEditor from '@ckeditor/ckeditor5-vue'
    import ClassicEditor from '@ckeditor/ckeditor5-build-classic'
    
    const editor = ClassicEditor
    const ckeditor = CKEditor.component

然后就可以正常使用模板中的组件了。