What’s New in Gutenberg? (15th November)

This next release includes several features and improvements on many levels. We are adding a way to switch between the headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. toolbar and toolbars attached to 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. by opening the toggle menu at the top right and choosing the behaviour. There has been convincing arguments for both approaches so we want to make it easier to test both easily. Other notable features include the ability to transform multiple blocks of the same type into other blocks (like many images into a gallery). There are improvements to metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress.-boxes (dropping iframes), foundational work for nested blocks and global blocks, many design updates, and initial integration with JSJS JavaScript, a web scripting language typically executed in the browser. Often used for advanced user interfaces and behaviors. hooksHooks In WordPress theme and development, hooks are functions that can be applied to an action or a Filter in WordPress. Actions are functions performed when a certain event occurs in WordPress. Filters allow you to modify certain functions. Arguments used to hook both filters and actions look the same..

1.7 🐴

• Add toggle to switch between top-level toolbar and toolbars attached to each block. We have gotten great feedback on the benefits of both approaches and want to expand testing of each.
• Ability to transform multiple-selected blocks at once — multiple images into a gallery, multiple paragraphs into lists.
• Add @-mention autocomplete for users in a site.
• Add data layer for reusable blocks and wp_blocks post type name.
• Allow pasting standalone images and uploading them (also supports pasting base64 encoded images).
• Allow block nesting from a parser point of view. This is the foundation for handling nested blocks in the UIUI User interface.
• Full design update to focus styles around the UI.
• Block Extensibility (Hooks): filters may inspect and mutate block settings before the block is registered using hooks available at wp.blocks.addFilter. Testing with internal functionality first.
• Moved docs to https://wordpress.org/gutenberg/handbook/

Other Changes

• Refactor "changed post" functionality into higher order reducer and fix issue with wrongly reporting unsaved changes.
• Refactor meta-boxes to render inline, without iframes.
• Disable auto-p for block based posts, solving various issues around conflicting paragraph structures, freeform content, and text blocks.
• Placed "table of contents" button in the header area and disable when there are no blocks in the content.
• Redesigned the button block with inline URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org field.
• Improve performance by refactoring block-multi-controls out of VisualEditorBlock.
• Replace reactReact React is a JavaScript library that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. https://reactjs.org/.-slot-fill with our own first-party implementation. Part one, and part two for better handling of event bubbling within portals.
• Improve autocomplete behaviour by using focus outside utility. This solves an issue with selecting items on mobile.
• Capture and recover from application errors, offering the option to copy the existing contents to the clipboard.
• Expose editor reusable components. These will allow editor variations to be constructed with more ease.
• Add polyfill for permalink_structure option to wp-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.. (Corresponding trac ticket.) Several REST APIREST API The REST API is an acronym for the RESTful Application Program Interface (API) that uses HTTP requests to GET, PUT, POST and DELETE data. It is how the front end of an application (think “phone app” or “website”) can communicate with the data store (think “database” or “file system”) https://developer.wordpress.org/rest-api/. compat issues are going to be addressed like this. This allows 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/ to implement permalink editing.
• Unslash post content before parsing during save, fixing bugs with block attributes.
• Keyboard navigation overhaul of the inserter with accessibilityAccessibility 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 (accessing tabs, etc).
• Add paragraph count to table of contents element.
• General Navigable family of components.
• Add contrast checker message when color combinations are hard to read.
• Add "no posts found" message to latest posts block.
• Improve color highlight selection and browser consistency.
• Add aria-expanded attribute to settings button.
• Add loading message to preview window.
• Extract PostFeaturedImage, PostLastRevision, PostComments, PostTaxonomies, PageAttributes, PostTextEditor, BlockInspector, into reusable modules.
• Collapse advanced block controls by default.
• Update max number of columns when removing an image from a gallery.
• Prevent the post schedule component from having invalid dates.
• Make sure the inspector for a gallery block is shown when it has just one image.
• Accessibility improvements for inline autocomplete components.
• Update caption color for contrast.
• Update visual display of the "remove x" button on gallery-items.
• Improve classic block toolbar display and behaviour.
• Dismiss tooltip when clicking a button or when wrapper node becomes disabled.
• Restore block movers on floated items.
• Add spacing around date and label.
• Adjust raw handler "mode" option for readability.
• Improve e2e testing performance.
• Add fixture for undelimited freeform block.
• Hold jQuery ready only when there are metaboxes and ignore advanced ones.
• Make sure image size values are integers.
• Fix floated gallery styles in the front-end.
• Fix issue with image block not loading properly.
• Fix issue with missing function in IE11.
• Fix transformation of empty images into gallery and back.
• Fix overflow issues on mobile.
• Fix accidental block hover on iOSiOS The operating system used on iPhones and iPads..
• Fix toolbar state issue with slot-fill utility.
• Fix case of too many undo levels building up.
• Fix stylesheet load ordering issue.
• Prevent input events from URLInput from being captured by Editable.
• Force onChange to be updated with TinyMCE content before merge.
  
• Polish heading toolbar buttons.
• Remove image resizing on mobile.
• Remove findDOMNode usage from Autocomplete component.
• Rename references of rawContent as innerHTML.
• Add tests and handle empty fills in slot-fill.
• Add tests for block mover.
• Add multi-select e2e test and fix issue with escape key.
• Bump node version to active LTS.
• Update TinyMCE to 4.7.2, fixing several bugs like toolbar flickering, visible placeholders when there is text, navigation breaks when encountering format boundaries, typing in FF after starting a bullet-list.

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