vue 使用ckeditor5

1、安装

官网地址：https://ckeditor.com/ckeditor-5/download/

下载版本需要的版本

还要下载@ckeditor/ckeditor5-vue npm install --save @ckeditor/ckeditor5-vue

如果你没下@ckeditor/ckeditor5-vue，那么就不能直接用ckeditor vue的组件 

2、使用 【以@ckeditor/ckeditor5-build-decoupled-document为例子】

main.js 文件内加入

import CKEditorfrom '@ckeditor/ckeditor5-vue';

Vue.use( CKEditor );

组件下例子

<template>

<div>

<ckeditor :editor="editor" @ready="onReady" v-model="content" :config="editorConfig"></ckeditor>

</div>

</template>

需要中文就要引入这个包

import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/zh-cn'

import DecoupledEditor from '@ckeditor/ckeditor5-build-decoupled-document';

第一次用这个编辑器，没发现有代码块的功能，所以直接截图

data

data 截图

method

method 截图

由于网络上有关参考ckeditor5文章甚少，全部依靠看文档，目前整理一遍简单的用法供大家参考，高级plugins用法还在学习中，有什么不对的地方希望大家指正。ps：刚学html不久，还要学习js、css、less、node、php等。欢迎大家多多交流,Q57875160。不是交流的请不要加。