What’s new in Gutenberg?

This new release completes some cool additions to the editor. It includes the ability to create reusable templates by selecting multiple blocks in the editor. It then allows exporting and importing these templates using a JSONJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. file transport. There’s also a visual diff mechanism for comparing options when a blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. was detected as invalidinvalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. (which could scale in the future to improved UXUX User experience for revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. as a whole), toolbar groups can be defined as collapsible into a dropdown to better organize available block controls.

There’s also the addition of a much clearer drag handle for drag and drop block operations next to the block arrow controls. It’s also possible to convert an image into a cover image and back, retaining the caption as the main text among many other small improvements and fixes.

3.9 🍒

• 🏗 Add support for creating reusable blocks out of multi-selected groups of blocks not just individual blocks. This means the ability to easily save templates out of an existing set of blocks.
• 🚀 Add support for importing and exporting reusable blocks (using a JSON file transport). Note that locality of resources can be a problem if importing on a separate WordPress site.
• 🔍 Allow to visually show differences between conversion options when a block is detected as invalid.
• Add a clear drag handle next to the block arrow controls to drag and move a block. Also further polishes the drag and drop experience.
• Instrument collapsible groups for the block toolbar. It allows to display groups of options as a dropdown and reduce the length and imposition of the toolbar as a whole.
• Allow conversion from Cover Image to Image and back, using caption if it exists as the main text.
• Move the reusable block UIUI User interface options to the top of the block or block group.
• Focus the title when loading the editor if it’s empty.
• Adjust margin rules for nested blocks.
• Preserve aspect ratio on embedded content at different alignments and widths.
• Unselect blocks and disable inserter when switching to Code Editor.
• Add new default block icon (used when no icon is defined).
• Avoid showing stacked icon group on parent blocks if all of its children are meant to be hidden from the inserter.
• Add dark editor style support.
• Add a figure wrapper to Pullquote block.
• Add needed attributes to kses allowed tags for the Gallery block.
• Improve visual display of Classic block toolbar.
• Adjust unified block toolbar padding at medium breakpoints.
• Better align the close, chevrons, and ellipsis icons in the sidebar panel.
• Improve cropping of galleries in IE11.
• Adjust gallery caption flex alignment.
• Include Caption Styles in Video Block.
• Update RichText usage to avoid inline elements.
• Add shortcut aria label for unreadable shortcuts.
• Avoid triggering invalid block mechanisms on empty HTML content.
• Rename the Speaker block to Speaker Deck.
• Disable inserter on Column block and avoid showing stacked icon on columns.
• Send post_id to the REST API in the ServerSideRender component within the editor. This ensures the global $post object is set properly.
• Use pseudo element to prevent inspector tab width from changing when selected.
• Apply consistent spacing on the post visibility menu.
• Fix notice styling regression.
• Fix ability to select small table cells.
• Fix issue with drag and drop in Chrome when the document has iframes.
• Fix HTML validation issues.
• Fix parser to output freeform content before void blocks.
• Fix margin style regression with block appender.
• Fix link source for outreach/articles.
• Fix Archives block alignment and issue with custom classes.
• Fix error when a taxonomyTaxonomy A taxonomy is a way to group things together. In WordPress, some common taxonomies are category, link, tag, or post format. https://codex.wordpress.org/Taxonomies#Default_Taxonomies. has no attached post type.
• Fix invalid block scrim overflowing toolbar on mobile.
• Fix block settings menu appearance in non wp-admin contexts.
• Fix incorrect unlink shortcut.
• Fix placeholder text contrast.
• Fix issue with shortcut inserter on invalid paragraphs.
• Fix camelCase and cross-component class name.
  
• Fix qs dependency typo.
• Pluralize “kind” to fix typo.
• Remove isButton prop.
• Remove wrapper div from Categories block.
• Remove prop-type-like check in Popover component.
• Remove unnecessary duplicated class from Embed placeholder.
• Flatten BlockListLayout into base BlockList.
• Add isEmptyElement utility function under wp.Element.
• Use HTML Document for finding iframeiframe iFrame is an acronym for an inline frame. An iFrame is used inside a webpage to load another HTML document and render it. This HTML document may also contain JavaScript and/or CSS which is loaded at the time when iframe tag is parsed by the user’s browser. in embed previews.
• Add wp-polyfill as central polyfill.
• Update docke-compose setup order to create MySQLMySQL MySQL is a relational database management system. A database is a structured collection of data where content, configuration and other options are stored. https://www.mysql.com/. container before WordPress container.
• Improve comments in transforms object of Quote block.
• Do not assume that singular form in _n() is used just for single item.
  
• Update examples for components to look according to guidelines.
• Update release docs to include process for RC.
• Add simplified block grammar spec to the handbook.
• Add lint rule for path on Lodash property functions.
• Add user for cli image in docker-compose.
• Show lint errors when there are lint problems.
• Minor updates and improvements to documents and code references.
• Improve docs build to consider memoized selectors.
  

Mobile Native

• Add Heading toolbar for changing heading sizes.
• Save level to heading block attributes for parsing.
• Add onEnter callback and function placeholder to RichText implementation.
• Add Image block placeholder.
• Avoid propagating eventCount to components.

Deprecations removed with this version.

#core-editor, #editor, #gutenberg, #gutenberg-new