上一篇盘点了 Drupal Canvas 及其 38 个生态模块,本篇把它和 Display Builder(UI Suite 团队出品)放在一起对比。两者都在做"浏览器里可视化搭建",但层次完全不同。
一句话结论:Canvas 是页面/内容构建器(Drupal CMS 已内置、已稳定);Display Builder 是显示层构建器(Layout Builder 的替代者,仍在 beta)。一个从上往下(内容→页面),一个从下往上(显示→布局)。
一、核心事实对比
| 维度 | Drupal Canvas | Display Builder |
|---|---|---|
| 最新版本 | 1.12.0(2026-09-25)✅ 稳定版 | 1.0.0-beta9(2026-10-22)⚠️ 无稳定版 |
| 要求 Drupal | ^11.3 | ^11.4 |
| 装机量 | 14,343 站点 | 268 站点 |
| 安全通告覆盖 | ✅ 稳定版已覆盖 | ❌ 尚无稳定版,未覆盖 |
| 创建时间 | 2024-04(xtfer) | 2024-11(just_like_good_vibes) |
| 维护方 | 核心 committer(effulgentsia、lauriii、tim.plunkett、wim leers…) | UI Suite 团队(Beyris 公司,3 名维护者) |
| 发行渠道 | Drupal CMS 2.x 默认内置 | 独立 contrib,不在 CMS 里 |
| Issue 活跃度 | 生态成熟 | 122 open / 554 total,快速迭代中 |
| 硬依赖 | 无(自带编辑器运行时) | UI Patterns 2.0.23 精确锁定 + 自带 2 个 patch(#3630451 / #3630456) |
二、理念与架构差异(本质区别)
Canvas —— "内容编辑器也能搭页面"
- 产出物是 canvas_page / 内容模板 / 页面模板,一棵组件树存在实体的 components 字段里
- 自带 React 编辑器,支持 JSX 代码组件在浏览器里编译、patterns、Brand Kit、AI 助手
- 面向内容创建者 + 站点构建者,让不懂 Drupal 的人直接干活
Display Builder —— "一个构建器统一 Drupal 的显示层"
- 明确要替代三样东西:Layout Builder(实体 view display)+ Block Layout(页面布局)+ Views 的 display 构建,并能迁移现有 LB 配置
- 设计系统原生:基于 UI Patterns(9,233 站点的成熟模块)把组件、样式工具类、图标、CSS 变量、主题模式直接接进 Drupal
- 在 iframe 里渲染你的前台主题做所见即所得(Canvas 编辑器是独立运行时,预览是另一套机制)
- 独有卖点:实时协作、撤销历史、presets、对称翻译(Canvas 目前都没有)
- 子模块:
display_builder_entity_view、display_builder_page_layout、display_builder_views - 推荐主题:UI Suite Bootstrap、DaisyUI(Tailwind)、DSFR(法国政府)、USWDS,或任何带 SDC 组件的主题
三、生态对比
- Canvas:38 个扩展模块,重心在编辑器体验补丁(override / icon picker / full HTML / 字段直拖)和 AI 三件套(Figma 出图、Playwright 自检、tools 程序化)
- Display Builder:约 46 个,重心在设计系统配方(Bootstrap / DaisyUI-Tailwind / DSFR / USWDS 各一套 recipe + 配套组件包)和一整套 "Drupal Website *" 系列模块(接近垂直发行版的做法)
值得注意:AI Figma 和 AI Playwright 同时出现在两边生态里 —— 这两个 AI 工具是主题无关的,作者把两个构建器都支持了,侧面说明社区认为两者会长期共存。
四、成熟度判断
- Canvas 是"现在就能上生产":稳定版 + 安全覆盖 + 1.4 万站点 + CMS 默认集成;Display Builder 官方自己写着 "Until 1.0.0, a beta can rename or remove an API… update path is best effort" —— beta 阶段 API 可能变,升级前要先发布 displays。
- Display Builder 的赌注在"显示层统一":如果它成了,Drupal 的 LB / block layout / views display 三件套就终结了,这是比 Canvas 更大的架构野心;但目前连稳定版都没有,还锁死 UI Patterns 具体小版本,生产引入要慎重。
- 两者不互斥,甚至可以共存:Canvas 管"页面内容怎么摆",Display Builder 管"实体/block/views 渲染成什么样",底座都是 SDC。AI Figma / Playwright 已经示范了跨两者工作。
五、选型建议
| 场景 | 建议 |
|---|---|
| Drupal CMS 站点、营销团队自助搭页 | Canvas(已是默认能力,无需额外选型) |
| 已有成熟设计系统(Bootstrap/Tailwind/DSFR)、想统一 LB+block+views、需要多人实时协作 | 关注 Display Builder,但等 1.0 稳定版 |
| 存量 Layout Builder 站点想找退路 | 盯 Display Builder 的 LB 迁移能力(这是它独有的) |
| AI agent 自动化建站 | 两条路都已打通(canvas_tools / Display Builder AI + 共享的 AI Figma/Playwright) |
调查时间:2026-11-04。上篇:Drupal Canvas 调查结论。数据来源:drupal.org 两个项目的项目页、releases 页与 ecosystem 列表。