Generate complex Gutenberg block structures instantly using Emmet-like shorthand syntax. Type an abbreviation, press Tab or Enter, and watch it expand …

Aki Hamano

Custom HTML Block Extension

Extend Custom HTML block to evolve into the advanced code editor.

rewish

WP Emmet

TinkerGrove

BlockExpander

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

Abu Hayat

bPlugins

Charles Cormier

Murad Wahid

ShortCut and Dummy Text Generator is a Gutenberg block that lets you scaffold content at speed. Add the block to any post or page, type an abbreviation — just like Emmet in code editors — and press Tab or Enter. The block immediately expands into proper WordPress core blocks: paragraphs, headings, lists, tables, groups, quotes, and more.
No more clicking through the block inserter to build repetitive layouts. Write <code>ul>li*5>lorem6</code> and get a five-item list with six words of lorem ipsum per item in one keystroke.
<h3>How it works</h3>
<ol>
<li>Add the ShortCut and Dummy Text Generator block anywhere in the Gutenberg editor.</li>
<li>Type an abbreviation in the input field.</li>
<li>Press Tab or Enter.</li>
<li>The block either replaces itself with the generated blocks (default) or inserts the new blocks after itself — controlled by the toggle in the sidebar.</li>
</ol>
<h3>Abbreviation Syntax</h3>
Lorem ipsum text
<ul>
<li><code>lorem</code> → 20 words of lorem ipsum</li>
<li><code>lorem5</code> → 5 words of lorem ipsum</li>
</ul>
Single elements
<ul>
<li><code>p>lorem10</code> → Paragraph with 10 lorem words</li>
<li><code>h2>lorem5</code> → H2 heading with 5 lorem words</li>
<li><code>h1</code> through <code>h6</code> are all supported</li>
</ul>
Repeating elements
Use <code>*N</code> to repeat a tag N times:
<ul>
<li><code>ul>li*3>lorem4</code> → Unordered list with 3 items, each 4 words</li>
<li><code>ol>li*4>lorem6</code> → Ordered list with 4 items, each 6 words</li>
<li><code>table>tr*3>td*4>lorem3</code> → Table with 3 rows and 4 columns</li>
</ul>
Nesting
Use <code>></code> to nest elements:
<ul>
<li><code>group>h2>lorem5</code> → Group block containing an H2 heading</li>
<li><code>div>p>lorem20</code> → Group block containing a paragraph</li>
<li><code>blockquote>p>lorem15</code> → Quote block with a paragraph inside</li>
</ul>
Sibling elements
Use <code>,</code> to create multiple sibling blocks in one go:
<ul>
<li><code>h2>My Title, p>lorem20</code> → An H2 heading followed by a paragraph</li>
<li><code>h3>lorem4, ul>li*3>lorem5, p>lorem10</code> → Heading, list, and paragraph</li>
</ul>
Complex combinations
<ul>
<li><code>group>h2>lorem5, p>lorem20</code> → Group block with a heading and paragraph</li>
<li><code>table>tr*2>td*3>lorem4</code> → 2×3 table filled with lorem ipsum</li>
</ul>
<h3>Supported Block Types</h3>
 Abbreviation tag 
 Gutenberg block
 <code>p</code> 
 <code>core/paragraph</code>
 <code>h1</code> – <code>h6</code> 
 <code>core/heading</code>
 <code>ul</code> 
 <code>core/list</code> (unordered)
 <code>ol</code> 
 <code>core/list</code> (ordered)
 <code>table</code> 
 <code>core/table</code>
 <code>group</code> / <code>div</code> 
 <code>core/group</code>
 <code>blockquote</code> 
 <code>core/quote</code>
 <code>pre</code> 
 <code>core/preformatted</code>
<h3>Block Settings</h3>
Replace block on Tab/Enter (sidebar toggle)
<ul>
<li>On (default): pressing Tab or Enter replaces this block with the generated blocks.</li>
<li>Off: the generated blocks are inserted into the editor without removing this block, so you can keep typing more abbreviations.</li>
</ul>
Remove block: click the × button in the top-right corner of the block to delete it from the editor.
<h4>Did you like this plugin? Dislike it? Have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></h4>
<h3>Check out our other WordPress Plugins</h3>
<a href="https://bplugins.com/products/html5-audio-player" rel="nofollow ugc">Html5 Audio Player</a> – Best audio player plugin for WordPress.
<a href="https://bplugins.com/products/html5-video-player" rel="nofollow ugc">Html5 Video Player</a> – Best video player plugin for WordPress.
<a href="https://bplugins.com/products/pdf-poster" rel="nofollow ugc">PDF Poster</a> – A fully-featured PDF Viewer Plugin for WordPress.
<a href="https://bplugins.com/products/document-embedder" rel="nofollow ugc">Document Embedder</a> – Best WordPress Document Embedder Plugin.
<a href="https://bplugins.com/products/3d-viewer" rel="nofollow ugc">3D Viewer</a> – Display interactive 3D models on the web.
<a href="https://bplugins.com/products/advanced-post-block" rel="nofollow ugc">Advanced Post Block</a> – Best Post Display Plugin for WordPress.
<h3>Developer Notes</h3>
Source code is publicly available on GitHub for review, study, and contributions:
https://github.com/bplugins/lorem-ipsum

Alternatives to ShortCut and Dummy Text Generator

Top alternatives