WordPress 的 Gutenberg 项目再次迎来了重大更新，Gutenberg 19.4 版本现已发布并可供下载。这个版本不仅包含了来自 54 位贡献者的 186 个 Pull Requests（PRs），还带来了一系列令人兴奋的新功能，如全新的写作/设计模式和公开的区块绑定编辑器 APIs，进一步简化了内容创建的过程，并增强了 WordPress 编辑器的丰富性和灵活性。
全新的写作/设计模式
在 Gutenberg 19.4 中，编辑和选择模式被重新命名为写作和设计模式。这一改变旨在提供更清晰的工作流程和更好的用户体验。
- 写作模式：在此模式下，您可以专注于写作，所有布局选项都会在侧边栏中隐藏，让您可以不受干扰地撰写内容。
- 设计模式：当您想要调整颜色、大小、创建列等布局设置时，只需切换到设计模式即可。
区块绑定编辑器 APIs 公开
Gutenberg 19.4 和 WordPress 6.7 将允许开发者使用之前仅在核心中私有的某些区块绑定 APIs。这些 APIs 的公开将为开发者提供更多的灵活性和控制力。以下是一些重要的 APIs：
getBlockBindingsSource和getBlockBindingsSources：前者用于检索特定的区块绑定源及其属性，后者则用于检索所有区块绑定源的列表。updateBlockBindings：类似于updateBlockAttributes，此函数允许您创建或移除区块与任何源之间的连接。removeAllBlockBindings：从区块到任何源的所有连接都将被移除。registerBlockBindingsSource和unregisterBlockBindingsSource：在编辑器中注册和注销区块绑定，允许修改源获取和编辑。
其他值得注意的亮点
除了上述功能外，Gutenberg 19.4 还带来了一些其他值得关注的改进：
- 评论块组件（例如作者名称、日期、内容、分页）和查询块组件（例如无结果、分页、标题）现在在插入器面板中悬停时将显示预览。
BorderBoxControl、BorderControl和BoxControl组件现在被认为是稳定的。- 此外，
PreSavePost和SavePost过滤器现在也是稳定的。
当然，还有许多 bug 修复，您可以在变更日志中查看所有细节。
变更日志摘要
增强功能
- 区块库：为查询循环区块添加了关键词，增加了多个区块示例，如头像、按钮、评论作者名称等。
- 组件：为参考站点添加了轻微的品牌化，改进了多个组件的动画和样式。
- 缩放视图：添加了缩放分隔符的提示，调整了设备预览下拉菜单前的切换按钮位置。
- 区块编辑器：在内容仅模式下隐藏了非内容区块的区块转换，改进了插入器中所有模式的显示方式。
- 全局样式：调整了编辑器画布的关闭按钮，创建了样式书的静态类别。
- 编辑模式和选择模式：更新了工具菜单的写作/设计顺序，改进了区块工具栏和内容仅行为。
- 图标：添加了信封图标。
- 站点编辑器：移除了导航屏幕覆盖，改进了站点编辑器中的“添加新页面”命令。
新 API
- 区块绑定：公开了稳定的编辑器 APIs。
- 组件：稳定化并导出了 Navigator 的 APIs。
修复的 Bug
- 组件：验证了
HeadingLevelDropdown组件的选项，修复了Composite组件的遗留实现和 Navigator 的逻辑问题。 - 缩放视图：修复了删除选定区块时的焦点丢失问题，处理了设备预览更改时的缩放视图。
- 区块编辑器：修复了无法在合并时移除空区块，改进了插入器的区块可见性管理器。
- 全局样式：避免了
fontSize预设不可用时的错误，修复了字体大小预设面板崩溃编辑器的问题。
可访问性
- 文章编辑器：使设置面板切换按钮在 tooltip 中显示其键盘快捷方式，使编辑器可以使用箭头键调整大小。
- 组件：修复了 RTL 中的
ToggleGroupControl的箭头键导航。 - 缩放视图：当
showIconLabels为 true 时，不要在缩放视图切换按钮上显示 tooltip。
性能
- 区块库：集中管理（重新）注册脚本模块。
- 区块编辑器：从区块属性中移除了
editorMode，将插入点状态移动到区块编辑器存储/重命名现有的插入点为插入提示。
文档
- 区块绑定：在绑定 APIs 的 JSDocs 中添加了
@since标签，修复了FontFamilyControl组件的 README，为 DataViews 文档添加了解释 DataViews 和数据源交互的高级图。
代码质量
- 组件：将
BorderBoxControl、BorderControl和BoxControl提升为稳定，清理了未使用的ToggleGroupControl配置值，修复了useInstanceId钩子引用。 - 区块编辑器：在区块编辑器 6 中添加了
__next40pxDefaultSize，分离了缩放画布和缩放视图模式，修复了LinkControl的不必要 props 属性。
Gutenberg 19.4 的发布，标志着 WordPress 编辑器在功能和用户体验上的又一大步。随着这些新功能的加入，WordPress 用户将能够更加轻松地创建和管理丰富的内容。不要错过尝试这些新功能的机会，让我们一起期待 Gutenberg 项目未来更多精彩的更新。