vue 使用ckeditor5
1、安装
下载版本需要的版本
还要下载@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
method
由于网络上有关参考ckeditor5文章甚少,全部依靠看文档,目前整理一遍简单的用法供大家参考,高级plugins用法还在学习中,有什么不对的地方希望大家指正。ps:刚学html不久,还要学习js、css、less、node、php等。欢迎大家多多交流,Q57875160。不是交流的请不要加。