Gutenberg 22.1 更新指南：新增标签页模块、HTML 增强功能和编辑器改进

声明：本文为对What’s new in Gutenberg 22.1? (18 November, 2025)原文内容的整理、转译，旨在向读者提供行业资讯与学习参考。正文整理如下：

此版本着重扩展区块功能、提升编辑器用户体验并改进性能。新增功能包括用于选项卡式内容的全新 core/tabs 区块、 HTML 区块新增的 JavaScript 和 CSS 编辑功能，以及在编辑器中展开图像时进行图像预取。其他更新包括诸多主题/颜色调整、DataViews 和 DataForm 的改进、协作功能的提升、辅助功能和性能优化，以及大量错误修复和文档更新。

版本核心亮点

1️⃣ 新增 core/tabs 区块（实验模块）

支持在文章、页面、模板中构建标签式内容结构。
需在设置中启用“模块：添加实验性模块”后使用。
适用于多内容对比展示、FAQ 分组等场景。

2️⃣ HTML 模块增强 —— 支持 CSS / JS 直接编辑

用户可在 HTML 区块中插入并修改 JavaScript/CSS 代码。
提升自定义扩展能力，增强前端调试效率。

3️⃣ 展开图片时进行预取（Prefetch）

在编辑器内点击图片放大时提前加载图像内容。
降低等待时间，改善大型媒体处理体验。

功能增强摘要

模块/功能	更新内容
主题样式	新增警告色渐变、优化对比度参数、调整种子设置
DataViews	表头右键菜单、操作菜单重组、修复分页与布局问题
DataForm	新增详细布局、卡片式无边框设计、表单结构简化
面包屑导航	增加 404、搜索、分页支持；支持首页处理与显示最后一项
协作（注释/备注）	启用键盘导航、优化侧边栏布局、无干扰模式下隐藏添加按钮
区块编辑器	文本拉伸变体、内边距修复、适配文本性能优化
颜色管理	ColorPicker 支持完整色值粘贴
可扩展性	支持控制标题级别（levelOptions）

性能与辅助功能

减少不必要的订阅与渲染逻辑，在面板未启用时不再进行监听。
图片预取能力增强，提升编辑器响应速度。
SpacingVisualizers 仅在激活时挂载，提高资源利用率。

主要错误修复

修复 MathML 区块脚本延迟加载问题。
修复 block focus 丢失、适应文本闪烁等 UI 问题。
禁止编辑/删除非数据库模板，避免误操作。
修复编辑器中导航链接状态异常。
解决多个注释定位、头像大小、侧边栏逻辑错位问题。

协作功能细节优化

添加“添加笔记”快捷键；
键盘支持树形导航；
无干扰模式自动隐藏笔记添加按钮；
新侧边栏标签为“所有备注”；
创建备注时保持浮动栏可见，不遮挡正文内容。

构建工具与开发增强

部分	改进内容
TypeScript	升级至 v5.9
路由系统	支持静态/延迟路由加载，WC-Admin 可扩展
CSS 编译	打包与内联优化
ESLint	升级语义解析器，清理冗余配置
CI 测试	增加跨平台测试与稳定性修复

文档优化

新增 PHP Function 前缀说明文档
更新 Tabs 模块 PHP 文档
修复 README 拼写错误
改进 DataViews 组件使用讲解

总结

Gutenberg 22.1 聚焦编辑能力提升与前端灵活性增强，支持标签式内容结构（Tabs）、区块内直接编辑 CSS/JavaScript，并优化图片加载及区块交互表现，同时强化 DataViews/DataForm 处理复杂内容及备注协作流程，建议开发者与设计师开启实验功能测试新 Tabs 和 HTML 扩展能力。

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息