Gutenberg 编辑器在 2025 年发布了 20.6 和 20.7 两个版本更新,20.6(2025年4月3日),20.7(2025年4月22日),主要带来了编辑体验优化、样式控制增强以及性能改进。虽然更新幅度不大,但新增的功能如导航区块的子菜单透明度设置、站点视图中的导航自动展开、所有文章类型支持起始模板弹窗等,仍为日常编辑带来了不少便利。
一、版本亮点概览
Gutenberg 20.6 亮点
导航块子菜单透明度滑块
新增在颜色选择器中为导航子菜单背景设置透明度的功能,增强视觉控制。
粘贴样式快捷键
支持通过快捷键 Cmd/Ctrl + Option/Alt + V 粘贴样式,提高编辑效率。
Gutenberg 20.7 亮点
导航菜单自动展开(站点视图)
默认展开站点视图中的所有导航选项,无需手动点击展开,提升可用性。
启动模式支持所有文章类型
启动模态框不再仅限于“页面”,现已支持所有文章类型,统一用户体验。
二、增强功能摘要
区块增强
目录块(ToC): 支持标题级别限制、属性持久化,提供更细化控制。
RSS 块: 可选择在新标签页中打开链接。
查询循环块: 增强互动性支持、控制关键词节流行为、避免属性被覆盖。
表格块: 支持保留 Markdown 表格的列对齐。
社交图标块: 删除冗余样式与状态设定。
编辑器 & 样式
BlockPatternsExplorer: 无滚动时自动隐藏滚动条。
全局样式: 修复背景图像面板错误使用的 ItemGroup 组件结构。
格式高亮: 支持设置 alpha 透明度。
其他增强功能
Playwright 测试工具新增网络模拟助手。
数据视图默认启用复选框。
新增 GitHub Actions 用于 Storybook 烟雾测试。
三、关键错误修复
编辑器核心
媒体和文本块: 修复大屏设备预览错位、图像在堆叠下无法正常渲染的问题。
导航子菜单: 修复 ESC 键行为、性能问题、自动请求优化。
块工具栏: 当界面隐藏时防止工具栏错误显示。
粘贴功能: 解决 ToC 属性、按钮背景包装器和标签云样式相关 bug。
网站编辑与组件
PostPublishPanel: 修复长标题溢出问题。
ComboboxControl 和 FormTokenField: 支持主题样式,修复 undefined 使用问题。
全局样式边框面板渲染冗余问题修复。
四、可访问性与性能提升
无障碍
Shift + Tab 修复: 保证编辑器中标签跳转顺序正确。
子菜单操作提示更清晰,改进键盘交互体验。
性能优化
导航链接: 禁用块编辑时不检查有效性,仅在选择时加载实体。
图片块: 减少监听器和订阅行为以提升性能。
块解析器 & 渲染流程: 清理冗余 since 标签和代码注释。
五、开发者相关更新
构建与脚本
修复 webpack 构建中缺失 block.json 的问题。
更新 browserslist 至最新版本以支持新特性测试。
文档与工具
改进 render_block_core_ 系列函数的文档与参数注释。*
完善 Storybook 组件展示、TypeScript 类型输出。
总结
Gutenberg 20.6 和 20.7 虽属小版本更新,但在以下方面表现突出:
导航体验优化(自动展开、透明背景);
编辑快捷操作增强(快捷键、属性控制);
多项错误修复与性能改进,尤其在图像、菜单、模板渲染方面;
加强对开发者文档、测试工具的支持,为插件/主题开发者提供更好的环境。
这些改进进一步完善了 Gutenberg 的编辑器体验和可定制性,特别适合主题开发者和内容创作者升级使用。