安装

npm install --save @ckeditor/ckeditor5-vue2 @ckeditor/ckeditor5-build-classic

通过使用ES6模块导入

// main.js全局引用
import CKEditor from '@ckeditor/ckeditor5-vue2';
Vue.use( CKEditor );

页面使用

editor 指令指定编辑器生成（编辑器构造函数）
v-model 指令启用开箱即用的双向数据绑定
config 指令可帮助您将配置传递给编辑器实例

<template>
    <div id="app">
        <ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>
    </div>
</template>

<script>
    import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

    export default {
        name: 'app',
        data() {
            return {
                editor: ClassicEditor,
                editorData: null,
                editorConfig: {
                    
                }
            };
        }
    }
</script>

如果需要设置界面语言（中文为例）

语言包在/node_modules/@ckeditor/ckeditor5-build-classic/build/translations，导入你想要的语言包就行啦！！！

import '@ckeditor/ckeditor5-build-classic/build/translations/zh-cn.js' // CKEditor界面语言---简体中文