官方關於Vue整合CKEditor富文字框的文件：https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/vuejs.html#using-es6-modules

先說下依賴吧，

"@ckeditor/ckeditor5-vue" 這個是使用vue整合的時候，這個依賴必不可缺，當然，如果你是直接使用script指令碼引入的話，這個依賴也不是必須的，通過ckeditor線上構建出的壓縮包裡面就有一個例子，不過是 內聯指令碼 版本的。

說下我遇到的問題， 整合官方提供的ckeditor版本可以正常使用，主要就是 引入

"@ckeditor/ckeditor5-vue"依賴和 npm install --save @ckeditor/ckeditor5-build-classic 安裝的版本，照文件的操作就可以正常使用，但是我認為這裡麵包含的ckfinder功能我不是需要的，所以，我就是用官方提供的線上構建器，選擇需要的功能。

，當通過 npm folder形式進行安裝後，使用的問題情況是 頁面裡並沒有出現工具欄和懸浮選單框，通過檢視提供的例子，裡面是需要配置的，所以，通過vue配置一下就可以正常使用了

總結的就一句話，官方提供的ckeditor版本可以照著官方文件就可以正常使用；而通過ckeditor提供的線上構建器構建的版本，這個配置項不可或缺，不然，頁面不會出現選單項。

這個是單檔案元件的data項，Vue.use(CKEditor) 就可以使用這個元件了

<ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>