详细介绍：ckeditor5的研究 (9)：写一个自定义插件，包括自定义的toolbar图标、插入当前时间，并复用 CKEditor5 内置的 UI 组件

文章目录

• 一、前言
• 二、构建步骤
• • 1. 第一步：搭建目录
  • 2. 第二步：自定义toolbar按钮
  • 3. 第三步：定义按钮点击执行的命令
• 三、测试效果和细节
• 四、总结

---

一、前言

在上一篇文章中ckeditor5的研究 (8)：接入Indent缩进效果，配置heading并解决ts类型报错，了解CKEditor5插件移除功能， 我们学会了完整接入一个 CKEditor5 插件，并知道如何找到该插件的 npm 依赖包，顺便还学了一点 ts 类型的技巧和 CKEditor5 的插件移除作用。

这篇文章，我们就来自己动手写一个 CKEditor5 插件，我们需要做的事情有这几个：

1. 搭建一个 自定义插入时间的 插件
2. 利用这个插件，并添加到 toolbar 工具栏，同时给它一个自定义的 icon

实现的效果图大致如下：

---

二、实现步骤

1. 第一步：搭建目录

我们使用