logo

额外区块类型 (EBT) - 全新的布局构建器体验❗

额外区块类型 (EBT) - 样式化、可定制的区块类型:幻灯片、标签页、卡片、手风琴等更多类型。内置背景、DOM Box、JavaScript 插件的设置。立即体验布局构建的未来。

演示 EBT 模块 下载 EBT 模块

❗额外段落类型 (EPT) - 全新的 Paragraphs 体验

额外段落类型 (EPT) - 类似的基于 Paragraph 的模块集合。

演示 EPT 模块 滚动

GLightbox is a pure javascript lightbox (Colorbox alternative without jQuery)❗

It can display images, iframes, inline content and videos with optional autoplay for YouTube, Vimeo and even self-hosted videos.

Demo GLightbox Download GLightbox

滚动

为 CKEditor 5 重写 CKEditor 4 插件

01/05/2026, by Ivan

在 DrupalBook,我们支持那些将编辑体验视为业务关键要素的 Drupal 平台,而不是事后才考虑的技术细节。当 Drupal 从 CKEditor 4 过渡到 CKEditor 5 时,引入了现代化的编辑基础,但同时也为依赖成熟 CKEditor 4 插件的组织带来了显著空缺。本文将说明我们如何通过迁移关键功能来弥补这一差距,在保障编辑团队工作连续性的同时,使客户能够顺利推进到现代版本的 Drupal。

CKEditor 5 中缺失的插件

从 CKEditor 4 到 CKEditor 5 的转变并不是一次常规升级,而是对编辑器架构的彻底替换。从管理角度来看,这意味着许多熟悉的插件突然无法继续使用,其中包括编辑人员多年来每日依赖的工具。在多个客户项目中,这些缺失的插件已经深度嵌入到内容工作流、培训资料和质量标准中。移除它们将会降低生产效率、增加出错率,并削弱编辑团队对平台的信任。

对决策者而言,这一挑战更多是战略层面的,而非技术问题。继续使用 CKEditor 4 会阻碍 Drupal 的升级,并增加长期的安全与维护风险;而在缺少关键插件的情况下升级,则会立刻干扰业务运行。由于项目周期和合规要求,等待生态系统完善并不现实。因此,唯一可行的选择是:将关键的 CKEditor 4 插件定制迁移到 CKEditor 5,重点在于保留用户体验,而不是复制旧有的技术实现方式。

迁移 CKEditor 4 的 Keep Text Selection 插件

编辑人员在迁移到 CKEditor 5 之后最早反馈的问题之一,是在日常编辑操作中感到失去了对内容的掌控。例如,添加链接或插入媒体时,操作不再可靠地作用于预期文本,从而打破了长期形成的编辑习惯。虽然这一行为变化源于 CKEditor 5 的内部改进,但其对生产力的影响是立刻且明显的,尤其是在大规模工作的专业编辑团队中。

从业务角度来看,这并不是一个轻微的可用性问题,而是一次工作流的倒退。编辑人员不得不重复操作、手动纠错,并放慢节奏以检查结果。我们迁移 Keep Text Selection 功能的目标,是在不要求编辑人员改变工作方式的前提下,恢复信心与操作可预期性。通过确保始终尊重用户意图,我们消除了日常内容创建过程中的摩擦,并保持了客户在迁移前所期望的效率水平。

迁移包含图片、Lightbox、Tooltips 和视频的 IMCE

影响最大的迁移工作涉及 IMCE,在客户项目中,它作为完整的媒体管理体验直接集成在编辑器中。编辑人员不仅依赖它来上传图片,还用于管理可复用资源、插入视频、启用 lightbox 行为,以及通过 tooltips 丰富内容表现。这些功能对内容质量和用户参与度至关重要,尤其是在复杂的发布平台上。

CKEditor 5 更严格的内容结构要求我们重新思考这些功能的实现方式,但业务需求非常明确:不能丢失任何能力,也不能中断编辑工作流。我们重新构建了 IMCE 集成,使其能够完整支持富媒体插入,同时符合现代 Drupal 和 CKEditor 5 的标准。编辑人员依然可以创建视觉丰富、交互性强的内容,而组织则获得了更加干净、稳健的基础,为长期可扩展性、治理和未来发展奠定了基础。

从 CKEditor 4 迁移到 CKEditor 5,本质上是一次业务连续性挑战,而不仅仅是技术升级。如果缺失的插件未被有意识地处理,可能会悄然削弱生产力、质量和团队信心。我们的经验表明,重写关键插件往往是保护现有工作流、同时满足现代平台需求的最有效方式。
在 DrupalBook,我们将这些迁移视为对编辑效率和平台长期生命力的战略性投资,确保团队在数字基础设施不断演进的同时,依然能够顺畅工作。

技术与架构咨询
Ivan Abramenko,首席 Drupal 架构师
ivan.abramenko@drupalbook.orgivan.abramenko@drupalbook.org
项目咨询
projects@drupalbook.org