🎯 Core Editor Meeting Notes 2017-03-08

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/ project has been going great. Lots of activity, Slack fun meetings, GitHub issues are filled with discussion, you’ll love to read. Here’s the meeting summary for this week’s editor team meeting (agenda here) in #core-editor SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel.

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. States

There was a good deal of discussion around the states of a block in general. General consensus led to the following decisions/suggestions (Mockups should be further improved to include five states mentioned below):

  1. Normal
  2. Hover
  3. Editing
  4. Selected block
  5. Selected content within the block

There’s more:

  • Empty State (optional for some, but important for extension flexibility)
  • Ticket for fail-states, like broken hyperlinks and images that didn’t upload, block-parse errors. Even warnings if you try to publish with placeholders.

Moreover, following discussion took place:

  • Text Selection: Selecting text, whether by mouse or via keyboard nav, should invoke controls.
  • Embeds: Include embed in tech requirements, as well as the neutral state.
  • Ticket: What happens to block controls when you page down a draft, when do they show up? On select, on arrow keys, on PgDn? We will discuss further in a ticket.
  • Testing: @karmatosed is offering to test things at upcoming WordCamps. Let her know your ideas in #core-editor.
  • Link Boundary Feature: Everyone loves the link boundary feature. Some 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) issues that are solvable.

That’s about it, happy hacking!