Add outline around Gutenberg blocks while editing

rsborn

WP HTML5 Outliner

Adds an HTML 5 outline plus a heading-level outline to the WordPress Toolbar.

Thorsten Frommen

Kalimah Apps

Joe Bailey-Roberts

<p>This a Gutenberg plugin that adds an outline around each block. Outline settings are based on user meta. Each user can<br />
change the settings according to their needs and it will applied only to their account.</p>
<p>Users can change:</p>
<ul>
<li>When to show outline. On hover or always displayed.</li>
<li>Lock outline for a single block.</li>
<li>Disable outline completely.</li>
<li>Show data (name and class) outside block, inside or floating when hovering over block</li>
<li>Change outline color.</li>
<li>Change outline style to solid, dashed or dotted line</li>
<li>Change padding size</li>
<li>Show/hide block name</li>
</ul>
<h3>Filters</h3>
<ul>
<li>editor_outline_default_user_meta<br />
You can override the default user meta by using this filter. The filter will receive the default user meta as an array and<br />
you can return a modified array.<br />
Check github repo for more information. https://github.com/kalimahapps/Editor-Block-Outline#filters</li>
</ul>


Editor Block Outline

Great work. I've been considering making a similar plugin myself, so I'm glad I found this one before I did. It works well and makes it considerably easier to see where each block is. Especially useful when you have blocks within blocks. i.e. Group -> Columns -> Column -> Paragraph

Makes Gutenberg usable

I like this.

When I edit multiple blocks, this plugin help me.

Alternatives to Editor Block Outline

Top alternatives