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ブロックが最高に使いやすくなりました。

天才です...

控えめに言って最高です

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

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

I love it ♥

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

bPlugins

Murad Wahid

<p>This is a custom Gutenberg block that allows users to generate complex block structures quickly using shorthand syntax (similar to Emmet in web development). When a user types an abbreviation and presses Tab or Enter.</p>
<ul>
<li>Replaces itself with the generated content (default behavior)</li>
<li>Inserts new blocks after itself (if enabled)</li>
</ul>
<h3>Abbreviation Syntax:</h3>
<ul>
<li>p>lorem5 <span aria-hidden="true" class="wp-exclude-emoji">→</span> Creates a paragraph with 5 word.</li>
<li>h2>lorem5 <span aria-hidden="true" class="wp-exclude-emoji">→</span> Creates a heading with 5 words.</li>
<li>ul>li*3>lorem4 <span aria-hidden="true" class="wp-exclude-emoji">→</span> Creates a bullet list with 3 items.</li>
<li>table>tr<em>2>td</em>3>lorem4 <span aria-hidden="true" class="wp-exclude-emoji">→</span> Generates a 2×3 table.</li>
<li>group>h2>lorem5 <span aria-hidden="true" class="wp-exclude-emoji">→</span> Creates a Group block with a heading.</li>
<li>h2>Title, p>lorem20 <span aria-hidden="true" class="wp-exclude-emoji">→</span> Creates a heading and a paragraph as sibling.</li>
</ul>
<h3>Converts HTML to Gutenberg Blocks:</h3>
<ul>
<li>Paragraph <span aria-hidden="true" class="wp-exclude-emoji">→</span> core/paragraph</li>
<li>Tables <span aria-hidden="true" class="wp-exclude-emoji">→</span> core/table</li>
<li>Lists <span aria-hidden="true" class="wp-exclude-emoji">→</span> core/list</li>
<li>Headings <span aria-hidden="true" class="wp-exclude-emoji">→</span> core/heading</li>
<li>Groups <span aria-hidden="true" class="wp-exclude-emoji">→</span> core/group</li>
</ul>
<h4>How to use Lorem Ipsum Generator</h4>
<ul>
<li>First, install the Lorem Ipsum Generator plugin from the WordPress dashboard.</li>
<li>Add the Lorem Ipsum Generator from the block category called “widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
<p>Enjoy!</p>
</li>
<li>
<p>For installation help click on Installation Tab</p>
</li>
</ul>
<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>
<p><strong><a href="https://bplugins.com/products/html5-audio-player" rel="nofollow ugc">Html5 Audio Player</a></strong> – Best audio player plugin for WordPress.</p>
<p><strong><a href="https://bplugins.com/products/html5-video-player" rel="nofollow ugc">Html5 Video Player</a></strong> – Best video player plugin for WordPress.</p>
<p><strong><a href="https://bplugins.com/products/pdf-poster" rel="nofollow ugc">PDF Poster</a></strong> – A fully-featured PDF Viewer Plugin for WordPress.</p>
<p><strong><a href="https://bplugins.com/products/document-embedder" rel="nofollow ugc">Document Embedder</a></strong> – Best WordPress Document Embedder Plugin.</p>
<p><strong><a href="https://bplugins.com/products/3d-viewer" rel="nofollow ugc">3D Viewer</a></strong> – Display interactive 3D models on the webs.</p>
<p><strong><a href="https://bplugins.com/products/advanced-post-block" rel="nofollow ugc">Advanced Post Block</a></strong> – Best Post Display Plugin for WordPress.</p>


Lorem Ipsum Generator

Use Emmet like abbreviations to quickly create dummy content in Gutenberg. supports custom lorem word counts and block replacement.

Custom HTML Block Extension vs Lorem Ipsum Generator