What's new in Project Gutenberg version 22.1? (November 18, 2025)

Disclaimer: This document is a response toWhat's New in Gutenberg 22.1? (November 18, 2025)The organization and translation of the original content aims to provide readers with industry insights and learning resources.The main text is organized as follows:

Gutenberg 22.1 is now available for download!

This version focuses on expanding block functionality, enhancing the editor user experience, and improving performance. New features include the all-new core/tabs block for tabbed content, HTML The block now features new JavaScript and CSS editing capabilities, along with image prefetching when expanding images within the editor. Additional updates include numerous theme/color adjustments, enhancements to DataViews and DataForms, improved collaboration features, accessibility and performance optimizations, as well as extensive bug fixes and documentation updates.

Key Highlights of This Version

1️⃣ Added core/tabs block (experimental module)

• Supports building tabbed content structures in articles, pages, and templates.
• Must be enabled in settings under "Modules: Add Experimental Modules" before use.
• Suitable for scenarios such as multi-content comparison displays and FAQ grouping.

2️⃣ HTML Module Enhancements — Support for Direct CSS/JS Editing

• Users can insert and modify JavaScript/CSS code within HTML blocks.
• Enhance custom extension capabilities and improve front-end debugging efficiency.

3️⃣ Prefetch when expanding images

• Preload image content when clicking to enlarge images within the editor.
• Reduce wait times and enhance the experience of handling large media files.

Feature Enhancement Summary

Performance and Accessibility

• Reduce unnecessary subscriptions and rendering logic by ceasing to listen when the panel is disabled.
• Enhanced image prefetching capabilities improve editor responsiveness.
• SpacingVisualizers are mounted only when activated, improving resource utilization.

Major Bug Fixes

• Fixed MathML block script lazy loading issue.
• Fixed UI issues such as missing block focus and text flickering.
• Do not edit or delete non-database templates to prevent accidental operations.
• Fixed abnormal navigation link status in the editor.
• Resolved issues with multiple comment positioning, avatar sizing, and sidebar logic misalignment.

Collaboration Feature Detail Optimization

• Add a shortcut key for "Add Note";
• The keyboard supports tree navigation;
• The non-intrusive mode automatically hides the note-add button;
• The new sidebar tab is labeled "All Notes";
• Keep the floating panel visible when creating notes, without obscuring the main content.

Build Tools and Development Enhancements

Document Optimization

• New PHP Function Prefix Documentation
• Update Tabs Module PHP Documentation
• Fixed spelling errors in the README
• Enhanced Usage Guide for DataViews Components

summarize

Gutenberg 22.1 focuses on enhancing editing capabilities and frontend flexibility, supporting tabbed content structures (Tabs), direct CSS/JavaScript editing within blocks, and optimizing image loading and block interaction performance. It also strengthens DataViews/DataForms for handling complex content and collaborative annotation workflows. Developers and designers are encouraged to enable experimental features to test the new Tabs and HTML extension capabilities.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off