cr8vstacks

<p><strong>LumiCode</strong> is a premium-quality syntax highlighter built for developers and technical bloggers who want beautiful, readable code on their WordPress site – without fighting the editor. Learn more and view the live demo at https://cr8vstacks.com/dev-playground/lumicode-syntax-highlighter/</p>
<h3>Key Features</h3>
<ul>
<li><strong>40+ languages</strong> auto-detected – PHP, JavaScript, TypeScript, Python, Go, Rust, SQL, YAML, Bash, and more</li>
<li><strong>13 bundled themes</strong> – Atom One, Dracula, GitHub, Monokai, Night Owl, Nord, Solarized, VS 2015, Xcode, and more, powered by highlight.js 11.11.1</li>
<li><strong>Dark & Light mode</strong> – toggle from the admin topbar. Applies to both admin UI and frontend code boxes</li>
<li><strong>Copy to Clipboard</strong> – one-click copy button on every code block</li>
<li><strong>Line numbers</strong> – perfectly aligned, synced to font size and line height</li>
<li><strong>Collapse / Expand</strong> – long code blocks auto-collapse after a configurable number of lines</li>
<li><strong>Filename / language badge</strong> – shows in the titlebar of every code box</li>
<li><strong>TinyMCE integration</strong> – Insert Code Block button in the Classic Editor toolbar, with language detection and all options</li>
<li><strong>Gutenberg block</strong> – native block editor support</li>
<li><strong>Code Scanner</strong> – scans your entire site for bare <code><pre></code> blocks and lets you apply LumiCode with one click, or dismiss</li>
<li><strong>Auto-detect</strong> – wraps any existing <code><pre></code> blocks automatically on the frontend without touching your content</li>
</ul>
<h3>How It Works</h3>
<p>LumiCode renders code blocks server-side (shortcodes + TinyMCE insertion) and enhances them on the frontend with a lightweight JS renderer. The renderer wraps <code><pre class="lumicode-pre"></code> elements in a beautiful VS Code-style chrome (titlebar, statusbar, line numbers, copy button) and runs highlight.js for syntax coloring.</p>
<p>No page builders required. Works with any theme.</p>
<h3>Shortcode Usage</h3>
<pre><code>[lumicode lang="javascript"]
const greeting = "Hello, world!";
console.log(greeting);
[/lumicode]
</code></pre>
<p><strong>All shortcode attributes:</strong><br />
* <code>lang</code> – language identifier (e.g. <code>php</code>, <code>python</code>, <code>typescript</code>)<br />
* <code>title</code> – filename shown in titlebar (e.g. <code>config.js</code>)<br />
* <code>highlight</code> – lines to accent (e.g. <code>1,3-5</code>)<br />
* <code>collapse</code> – force collapse (<code>true</code>/<code>false</code>)<br />
* <code>collapse-after</code> – collapse after N lines (overrides global setting)</p>
<h3>Performance</h3>
<ul>
<li>highlight.js is loaded locally (v11.11.1) for speed and privacy</li>
<li>Our CSS and JS are tiny (<15 KB combined, unminified)</li>
<li>No jQuery dependency on the frontend</li>
</ul>


LumiCode Syntax Highlighter

Beautiful syntax highlighting for WordPress. Auto-detects 40+ languages, with copy buttons, line numbers, collapse, and a dark/light theme switcher.

snowbedding

<p><a href="https://www.tiptinker.com/easy-syntax-highlighter-wordpress-plugin/" rel="nofollow ugc">Easy Syntax Highlighter</a> 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/tiptinker/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

LumiCode Syntax Highlighter vs Easy Syntax Highlighter