ckeditor5 html 插件,VUE中使用CKEditor5富文本插件

首先需要安装ckeditor-5

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

然后，在main.js中：

import CKEditor from '@ckeditor/ckeditor5-vue';

Vue.use( CKEditor );

再次，进行组件化，新建一个ckeditor.vue文件:

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

import '@ckeditor/ckeditor5-build-classic/build/translations/zh-cn'

export default {

name: 'HelloWorld',

data () {

return {

editor: ClassicEditor,

editorData: '

Content of the editor.

',

editorConfig: {

removePlugins: ['MediaEmbed'], //除去视频按钮

language: 'zh-cn',//中文包

ckfinder: {

'uploaded': 1,

'url': '/'

// 后端处理上传逻辑返回json数据,包括uploaded(选项tr