Luis Sacristán

<p>Allows to add snippets blocks to your content: Javascript, CSS, HTML…</p>
<h3>Purpose</h3>
<p>Add snippet blocks to your WordPress content using the new Gutenberg editor</p>
<h3>How to use it</h3>
<ul>
<li>Add a Snippet block within your content</li>
<li>Include your code</li>
<li>Select the language</li>
<li>Save the post and check your front-end</li>
</ul>
<h3>Supported languages</h3>
<ul>
<li>Apache</li>
<li>Bash</li>
<li>C#</li>
<li>C++</li>
<li>CSS</li>
<li>Erlang</li>
<li>Go</li>
<li>HTML</li>
<li>XML</li>
<li>Handlebars</li>
<li>JSON</li>
<li>Java</li>
<li>JavaScript</li>
<li>Markdown</li>
<li>Objective C</li>
<li>PHP</li>
<li>Python</li>
<li>R</li>
<li>Ruby</li>
<li>Rust</li>
<li>SCSS</li>
<li>SQL</li>
<li>Shell</li>
<li>Twig</li>
<li>TypeScript</li>
</ul>
<h3>Credits</h3>
<ul>
<li>Based in Making WordPress Do More <a href="https://github.com/mkdo/block-starter-kit" rel="nofollow ugc">Block Starter Kit</a></li>
<li>Original webpack configuration (before modifications) from <a href="https://github.com/zgordon/gutenberg-course" rel="nofollow ugc">Zac Gordon\’s Gutenberg Course</a>.</li>
<li>Original deploy script (before modifications) from <a href="https://github.com/GaryJones/wordpress-plugin-git-flow-svn-deploy" rel="nofollow ugc">Garry Jones</a>.</li>
<li>Webpack HMR thanks to <a href="https://github.com/CGlingener" rel="nofollow ugc">Christian Glingener</a></li>
</ul>
<h3>Requirements</h3>
<p>Gutenberg activated</p>
<h3>Known Issues</h3>
<p>There are no known issues at this time.</p>
<h3>Roadmap</h3>
<ul>
<li>Allow several themes</li>
</ul>


Snippets Block

Allows to add snippets blocks to your content: Javascript, CSS, HTML...

snowbedding

<p>Easy Syntax Highlighter is a powerful WordPress plugin that helps improve your website’s code presentation by providing beautiful syntax highlighting. Using the latest Highlight.js library, it supports over 20 programming languages with 80+ color themes, copy-to-clipboard functionality, and seamless integration with both classic and Gutenberg editors.</p>
<h3>Features</h3>
<ul>
<li><strong>Modern Highlight.js Engine</strong>: Uses the latest Highlight.js library for fast, accurate syntax highlighting</li>
<li><strong>80+ Themes Included</strong>: Over 80 themes for both light and dark modes, all stored locally for offline compatibility</li>
<li><strong>Unlimited Language Support</strong>: Supports 20+ programming languages including JavaScript, PHP, Python, CSS, HTML, SQL, Bash, and more</li>
<li><strong>Modern JavaScript</strong>: Promise-based loading with proper error handling and performance optimizations</li>
<li><strong>Performance Optimized</strong>: Smart asset loading—only loads when code blocks are present on the page</li>
<li><strong>Security Focused</strong>: Proper input sanitization and output escaping</li>
<li><strong>Admin Interface</strong>: Clean, modern settings page with visual theme selector integrated with WordPress admin</li>
<li><strong>Localization Ready</strong>: Translation-ready with proper text domains</li>
<li><strong>Backward Compatible</strong>: Automatic migration from old plugin versions</li>
</ul>
<h3>How to Use</h3>
<ol>
<li><strong>Gutenberg Block Editor</strong>: Use the default WordPress “Code” block. The plugin automatically detects the language and highlights it. There is no language setting in the sidebar; detection is automatic. If you need to force a language, edit the block as HTML and add a class to the <code><code></code> element (e.g., <code><code class="language-php"></code>).</li>
<li><strong>Classic Editor</strong>: Use the TinyMCE button (code icon) with the modal dialog for easy code insertion.</li>
<li><strong>Copy to Clipboard</strong>: Double-click any code block to instantly copy its content with visual feedback.</li>
</ol>
<h3>Use Cases</h3>
<ul>
<li>Technical blogs and tutorials</li>
<li>Documentation websites</li>
<li>Programming courses and educational content</li>
<li>Developer portfolios</li>
<li>API documentation</li>
<li>Code examples and snippets</li>
</ul>
<h3>Support</h3>
<p>For support, bug reports, or feature requests, please visit: <a href="https://github.com/snowbedding/easy-syntax-highlighter" rel="nofollow ugc">Github</a></p>
<h3>Contributing</h3>
<p>Contributions are welcome! Please feel free to submit pull requests or open issues on GitHub.</p>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later.<br />
License URI: https://www.gnu.org/licenses/gpl-2.0.html</p>


Easy Syntax Highlighter

Modern, lightweight syntax highlighter for WordPress using Highlight.js

Snippets Block vs Easy Syntax Highlighter