文章目录
一、前言
在前面的文章中,我们已经对 CKEditor5 有了一定的熟悉,从这篇文章开始,我们将对 CKEditor5 进行配置化——自定义 toolbar 工具栏。
实现的效果图大致如下:
二、实现步骤
CKEditor5 的所有功能都是通过插件实现的,不配置插件,编辑器就是一具空壳,什么也做不了。在 37.1.0 版本中,每一个依赖包,就是一个插件:
有些插件是包含了多个工的, 比如 @ckeditor/ckeditor5-basic-styles
包含了 Bold(粗体), Italic(斜体)。
有些插件是相互依赖的,可能需要安装多个包,比如缩进功能。
1. 第一步: 搭建目录结构
仍然跟之前一样,一个 ts 文件,一个 vue 组件,一个 demo6/index.vue 测试页面