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.

Very useful plugin

Add outline around Gutenberg blocks while editing

rsborn

<p>WP HTML5 Outliner (WPH5O) adds an HTML 5 outline plus a heading-level outline to the WordPress Toolbar.</p>
<h4>Features</h4>
<ul>
<li>Matches the outlines provided by the <a href="https://validator.w3.org/#validate_by_uri+with_options" rel="nofollow ugc">W3C Markup Validation Service</a>. <em>Caveat</em>: In an HTML 5 outline, the W3C validator may hide some of the headings in an <code><hgroup></code> if any of them are empty. WPH5O will not. This difference is presentational, not structural.</li>
<li>Adds an ‘Outline’ node to the Toolbar. Outlines are displayed in a dropdown box, with the option to view them in a new browser window.</li>
<li>Runs only on pages or posts the user can edit. Administrators can view outlines for any page or post. Administration Screens are not outlined.</li>
</ul>


WP HTML5 Outliner

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

Editor Block Outline vs WP HTML5 Outliner