TinkerGrove

<p>BlockExpander enables a fast, code-inspired workflow for assembling page structures in the WordPress block editor using Emmet-style shorthand syntax.</p>
<p><strong>How It Works:</strong></p>
<ol>
<li>Press <code>Ctrl+Shift+E</code> (or <code>Cmd+Shift+E</code> on Mac) to open the BlockExpander modal</li>
<li>Enter an Emmet expression (e.g., <code>columns>column*3>paragraph</code>)</li>
<li>Press Enter to expand the expression into blocks</li>
<li>Blocks are inserted at your cursor location</li>
</ol>
<p><strong>Syntax Examples:</strong></p>
<ul>
<li><code>paragraph</code> – Creates a paragraph block</li>
<li><code>columns>column*3</code> – Creates a columns block with 3 columns</li>
<li><code>group.container</code> – Creates a group block with class “container”</li>
<li><code>group#hero</code> – Creates a group block with anchor “hero”</li>
<li><code>paragraph{Hello World}</code> – Creates a paragraph with custom text</li>
</ul>
<p><strong>Features:</strong></p>
<ul>
<li>Familiar Emmet syntax for rapid block creation</li>
<li>Keyboard-triggered modal for seamless workflow</li>
<li>Supports nesting, multiplication, classes, IDs, and text content</li>
<li>Automatic Lorem Ipsum placeholder text for content blocks</li>
<li>Fully compatible with all core Gutenberg blocks</li>
</ul>


BlockExpander

Emmet-style shorthand for creating Gutenberg blocks via keyboard shortcut.

Aki Hamano

<p>Custom HTML Block Extension extends Custom HTML block to evolve into the advanced code editor.<br />
There are 50 different color themes to choose from, and you can select the one that best suits your taste.<br />
This plugin features Emmet that expand shortcut input into complete code. This reduces the number of times you have to type and saves keystrokes.<br />
You can change all kinds of settings to create your ideal editor in advanced mode.<br />
And supports the classic editor, the theme/plugin editor, and import/export editor settings.</p>
<h3>Resources</h3>
<h4>monaco-editor</h4>
<p>License: MIT License<br />
Source: https://github.com/microsoft/monaco-editor</p>
<h4>emmet-monaco-es</h4>
<p>License: MIT License<br />
Source: https://github.com/troy351/emmet-monaco-es</p>
<h4>monaco-themes</h4>
<p>License: MIT License<br />
Source: https://github.com/brijeshb42/monaco-themes</p>
<h4>webfontloader</h4>
<p>License: Apache-2.0 License<br />
Source: https://github.com/typekit/webfontloader</p>
<h4>Web Font (Fira Code)</h4>
<p>License: OFL-1.1 License<br />
Source: https://github.com/tonsky/FiraCode</p>
<h4>Web Font (Source Code Pro)</h4>
<p>License: OFL-1.1 License<br />
Source: https://github.com/adobe-fonts/source-code-pro</p>
<h4>Web Font (Ubuntu Mono)</h4>
<p>License: OFL-1.1 License<br />
Source: https://ubuntu.com/legal/font-licence</p>
<h4>Web Font (Anonymous Pro)</h4>
<p>License: OFL License<br />
Source: https://www.marksimonson.com/fonts/view/anonymous-pro</p>


Custom HTML Block Extension

非常に多機能ですが重くなることもなく快適に動作します。
コードを折り返さないようにできるのでコードが見やすくなりとても良いです。


豊富なオプションでカスタマイズ性抜群！

使い勝手の微妙だったコアのHTMLブロックが最高に使いやすくなりました。

天才です...

BlockExpander vs Custom HTML Block Extension