ckeditor5的研究 (9):写一个自定义插件,包括自定义的toolbar图标、插入当前时间,并复用 CKEditor5 内置的 UI 组件
文章目录
- 一、前言
- 二、实现步骤
- 1. 第一步:搭建目录
- 2. 第二步:自定义toolbar按钮
- 3. 第三步:定义按钮点击执行的命令
- 三、测试效果和细节
- 四、总结
一、前言
在上一篇文章中 ckeditor5的研究 (8):接入Indent缩进功能,配置heading并解决ts类型报错,了解CKEditor5插件移除功能, 我们学会了完整接入一个 CKEditor5 插件,并知道如何找到该插件的 npm 依赖包,顺便还学了一点 ts 类型的技巧和 CKEditor5 的插件移除功能。
这篇文章,我们就来自己动手写一个 CKEditor5 插件,我们需要做的事情有这几个:
- 实现一个 自定义插入时间的 插件
- 使用这个插件,并添加到 toolbar 工具栏,同时给它一个自定义的 icon
实现的效果图大致如下:
二、实现步骤
1. 第一步:搭建目录
我们使用