当前位置: 首页 > ds >正文

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. 第一步:搭建目录

我们使用

http://www.xdnf.cn/news/13012.html

相关文章:

  • 2025年U盘数据恢复软件推荐:找回丢失文件的得力助手
  • 大数据赋能行业智能化升级:从数据价值到战略落地的全景透视
  • 网络渗透测试中的信息收集与网站目录扫描实战详解
  • Linux --进程控制
  • DHCP / DHCPv6 原理 / 报文解析 / 配置示例
  • Maven入门(够用)
  • Secs/Gem第九讲(基于secs4net项目的ChatGpt介绍)
  • 《光子技术成像技术》第四章 预习2025.6.8
  • 1. Web网络基础 - IP地址核心知识解析
  • 信号与传输介质
  • Linux 如何移动目录 (文件夹) (内含 Linux 重命名方法)
  • 【项目实训项目博客】用户使用手册
  • ES6 核心语法手册
  • C语言 学习 数组(一维数组,多维数组,字符数组,字符串) 2025年6月8日09:21:39
  • Σ∆ 数字滤波
  • Linux 用户层 和 内核层锁的实现
  • 嵌入式面试提纲
  • debian12拒绝海外ip连接
  • PyCharm和VS Code哪个更适合初学者
  • idea 启动jar程序并调试
  • 机器学习模型选择指南:从问题到解决方案
  • 华为开源自研AI框架昇思MindSpore应用案例:ICT实现图像修复
  • 前端现行架构浅析
  • 主流嵌入式Shell工具性能对比
  • Python计算字符串距离算法库textdistance详解与应用实战
  • Python_day48随机函数与广播机制
  • Framework开发之IMS逻辑浅析1--关键线程及作用
  • Spring AOP代理对象生成原理
  • 在Unity中Update和Fixedupdate有什么区别
  • 【读论文】OpenAI o3与o4系统模型技术报告解读