What Are Little Blocks Made Of?

At the core of the 2017 editor focus is the is idea of introducing blocks (or sections) which help “make it easy what today might take shortcodes, custom HTML, or ‘mystery meat’ embed discovery”. How do we do that?

Let’s start with paragraphs as blocks/sections. If we count a paragraph as a block or section you can manipulate, here’s how that could look:

You can still type type type but you create blocks along the way. When you mean to insert content that isn’t text, click the plus (or perhaps as a power-user feature, type / on a newline, Slack-style?), to invoke the insert menu:

Click an item to insert it, or pick it using arrow keys.

One of the interactions we need to figure out here, is what happens when you press Enter, as you’re writing. Over chat in the past week it was suggested we might want to tweak the default behavior so that Enter inserts just a single linebreak, and a new paragraph is created with two linebreaks. (The pertinent bits of the chat starts here, or you can read this summary).

Let’s discuss these mockups, data structure, linebreaks and lots more in Wednesdays editor chat, Wednesday January 25th 19:00 CET! And please keep the feedback coming, here and in #core-editor Slack, the feedback already given has been amazing.

The next immediate goal is to start building prototypes. It’ll be a blast! 🚀