Home
张文涛的个人博客
致力于提供Drupal开发,实践等方面的精品资讯

Main navigation

  • 首页
  • Dries Note
  • Drupal
  • Glossary

Breadcrumb

  • Home
  • Drupal Canvas vs Display Builder:页面构建器与显示层构建器之争
By admin | 9:17 PM CST, Wed November 04, 2026

上一篇盘点了 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 工具是主题无关的,作者把两个构建器都支持了,侧面说明社区认为两者会长期共存。

四、成熟度判断

  1. 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。
  2. Display Builder 的赌注在"显示层统一":如果它成了,Drupal 的 LB / block layout / views display 三件套就终结了,这是比 Canvas 更大的架构野心;但目前连稳定版都没有,还锁死 UI Patterns 具体小版本,生产引入要慎重。
  3. 两者不互斥,甚至可以共存: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 列表。

Glossary

  • November 2026 (2)
  • October 2026 (5)
  • September 2026 (3)
  • August 2026 (4)
  • July 2026 (2)
  • June 2026 (2)
  • March 2023 (1)
  • October 2022 (1)
  • October 2021 (2)
  • August 2021 (3)
  • June 2021 (2)
  • May 2021 (1)
  • April 2021 (2)
  • November 2020 (1)
  • June 2020 (2)
  • December 2019 (2)
  • November 2019 (1)
  • August 2019 (1)
  • February 2018 (1)
  • October 2017 (1)
  • September 2017 (1)
  • July 2017 (1)
  • June 2017 (2)
  • May 2017 (1)
  • March 2017 (3)
  • December 2016 (2)
  • November 2016 (4)
  • October 2016 (3)
  • June 2016 (1)
  • December 2015 (1)
  • November 2015 (6)
  • October 2015 (2)
  • September 2015 (1)
  • August 2015 (1)
  • July 2015 (1)
  • June 2015 (1)
  • May 2015 (1)
  • March 2015 (1)
  • January 2015 (1)
  • December 2014 (3)
  • October 2014 (4)
  • September 2014 (2)
  • August 2014 (1)
  • July 2014 (1)
  • June 2014 (1)
  • May 2014 (1)
  • April 2014 (2)
  • March 2014 (2)
  • February 2014 (2)
  • January 2014 (4)
  • December 2013 (1)
  • March 2013 (2)
  • February 2013 (2)
  • December 2012 (2)
  • November 2012 (4)
  • October 2012 (1)
  • September 2012 (6)
  • August 2012 (15)
  • July 2012 (5)
  • June 2012 (13)
  • May 2012 (9)
  • April 2012 (8)
  • March 2012 (9)
  • February 2012 (3)
  • January 2012 (1)
  • December 2011 (1)
  • November 2011 (6)
  • October 2011 (2)
  • September 2011 (17)
  • August 2011 (4)
  • July 2011 (4)
  • June 2011 (5)
  • May 2011 (4)

Copyright © 2026

苏ICP备14044171号-1