Aki Hamano

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

Custom HTML Block Extension

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


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

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

天才です...

控えめに言って最高です

HTML編集が楽になってありがたいです。

これは常に入れておきたいプラグインです

I love it ♥

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

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

ShortCut and Dummy Text Generator

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

Custom HTML Block Extension vs ShortCut and Dummy Text Generator