What’s New in Gutenberg? (6th March)

As we dive into the 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.-based widgets screen, foundational work is required to support using the GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ editor outside the Post Editor context. This release falls into this categoryCategory The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. of releases where it’s more about building the foundations and making the Gutenberg modules more flexible to support these new use-cases.

It introduces a new @wordpress/block-editor module allowing building block editors outside the post editor context and even outside the WordPress Adminadmin (and super admin) context. This has some costs on the performance of the keypress events while working on very long posts that we hope to alleviate in the upcoming releases.

---

5.2 🇩🇿

Enhancements

• Update the button block description wording.
• Design and a11yAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) improvements for the custom color picker.
• Tweak the FontSizePicker height to match regular select elements.
• Improvements to the local state persistence behavior.
• Improvements to the URL input popover design.
• Disable block navigation and document outline items in text mode.
• Improve the quote block icons.
• Animate the sidebar tabs switching.

Bug Fixes

• Select the last block when pasting content.
• Fix the block validation when the default attribute value of a block is changed.
• Forces the min/max value validation in the RangeControl component.
• Display HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers. properly in the post titles of the latest posts block.
• Fix drag and dropping a column block on itself.
• Fix new lines in the preformatted block.
• Fix text underline shortcut.
• Fix calling gutenberg plugin functions in the frontend context.
• Fix pasting a single line from Google Docs (ignoring the strong element).
• Fix FocalPointPicker rendering unlabelled input fields.
• Show the images uploaded in the gallery block in the media modal.
• Fix wordwise selection on Windows.
• Preserve empty table cells when pasting content.
• Fix focus loss when deleting the last block.

Documentation

• Add the Block specific toolbar button sample to the format api tutorial.
• Introduce a package to automatically generate the API documentation.
• Tweaks: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10.

Various

• Introduce a generic block editor module.
• Creates an empty page that will contain the future widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. screen explorations.
• Fix emoji in the demo content.
• Warn when the user is using an inline element as a RichText container.
• Make Babel import JSX pragma plugin aware of the createElement usage.
• Include the JSX pragma plugin into the default WordPress babel config.
• Update the non-embeddable URLs wording.

Chore

• Refactoring of the block fixtures tests.
• Refactoring the eslint custom import lint rule.
• Refactoring the selection of previous/next blocks actions.
• Refactoring the post editor effects to use actions and resolvers instead.
• Use forEach instead of map when appropriate and enforce it with an eslint rule.
• Remove TinyMCE external dependency mapping.
• Extract webpack config into the scripts package.
• Improve e2e tests stability.t
• Avoid mutating webpack imported config.
• Upgrade Jest to version 24.
• Add repository.directory field to the npm packages and an linting rule to enforce it.
• Update server blocks script to use core equivalent function.
• Remove the vendor scripts registration.
• Use the editor settings to pass a mediaUpload handler.
• Remove deprecated Gutenberg plugin functions and features moved to coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress..
• Remove unnecessary Enzyme React 16 workarounds from the unit tests.
• Remove wp-editor-font stylesheet override.
• Preserve inline scripts when overriding core scripts.
• Support referencing the IconButton component.
• Refactor the i18n setup of the Gutenberg pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party.

Mobile

• Add an image placeholder when the size is being computed.
• Update the image thumbnail when the image is being uploaded.
• Support the Format Library.
• Bottom Sheet design improvements.
• Update the default block appender placehoder.
• Support pasting content using the Gutenberg paste handler.
• Fix alignment issues for the appender and paragraph block placeholders.

Performance Benchmark

The following benchmark compares performance for a particularly sizeable post (~ 36000 words, ~ 1000 blocks) over the last releases. Such a large post isn’t representative of the average editing experience, but is adequate for spotting variations in performance.

Version	Loading Time	KeyPress event (typing)
Gutenberg 5.2.0	11.7 seconds	57.8 ms
Gutenberg 5.1.0	11.4 seconds	22.25 ms
Gutenberg 4.8 (WordPress 5.1)	15.1 seconds	126 ms
Gutenberg 4.7 (WordPress 5.0)	16 seconds	185.2 ms

---

👏 Kudos to all the contributors. Thank you.

#core-editor, #editor, #gutenberg