cr8vstacks

LumiCode 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/
<h3>Key Features</h3>
<ul>
<li>40+ languages auto-detected – PHP, JavaScript, TypeScript, Python, Go, Rust, SQL, YAML, Bash, and more</li>
<li>13 bundled themes – Atom One, Dracula, GitHub, Monokai, Night Owl, Nord, Solarized, VS 2015, Xcode, and more, powered by highlight.js 11.11.1</li>
<li>Dark & Light mode – toggle from the admin topbar. Applies to both admin UI and frontend code boxes</li>
<li>Copy to Clipboard – one-click copy button on every code block</li>
<li>Line numbers – perfectly aligned, synced to font size and line height</li>
<li>Collapse / Expand – long code blocks auto-collapse after a configurable number of lines</li>
<li>Filename / language badge – shows in the titlebar of every code box</li>
<li>TinyMCE integration – Insert Code Block button in the Classic Editor toolbar, with language detection and all options</li>
<li>Gutenberg block – native block editor support</li>
<li>Code Scanner – scans your entire site for bare <code><pre></code> blocks and lets you apply LumiCode with one click, or dismiss</li>
<li>Auto-detect – wraps any existing <code><pre></code> blocks automatically on the frontend without touching your content</li>
</ul>
<h3>How It Works</h3>
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.
No page builders required. Works with any theme.
<h3>Shortcode Usage</h3>
<pre><code>[lumicode lang="javascript"]
const greeting = "Hello, world!";
console.log(greeting);
[/lumicode]
</code></pre>
All shortcode attributes: 
* <code>lang</code> – language identifier (e.g. <code>php</code>, <code>python</code>, <code>typescript</code>) 
* <code>title</code> – filename shown in titlebar (e.g. <code>config.js</code>) 
* <code>highlight</code> – lines to accent (e.g. <code>1,3-5</code>) 
* <code>collapse</code> – force collapse (<code>true</code>/<code>false</code>) 
* <code>collapse-after</code> – collapse after N lines (overrides global setting)
<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.

Raunak Gupta

Vaaky Highlighter is a lightweight syntax highlighter plugin for the WordPress Gutenberg editor. Add beautiful code blocks with line numbers, a copy-to-clipboard button, optional filename label, automatic language detection, and 35+ themes. Powered by Highlight.js — a fast, dependency-free alternative to Prism.
Syntax highlighting is powered by Highlight.js, a fast and dependency-free JavaScript library that supports multiple programming languages and themes.
Vaaky Highlighter is ideal for developers, bloggers, technical writers, and documentation sites who want elegant syntax-highlighted code without unnecessary bloat.
Using it is simple: add the Vaaky Highlighter Sourcecode block in Gutenberg, paste your code, and publish — the plugin handles everything automatically.
View the live demo of all supported themes: 
<a href="https://www.webhat.in/?page_id=626&utm_source=wordpress.org&utm_medium=readme.txt&utm_campaign=link&utm_id=vaaky_highlighter&utm_term=Theme+Demo" rel="nofollow ugc">Demo Page</a>
<h3>What’s new in 1.2.0</h3>
<ul>
<li>Line numbers for code blocks</li>
<li>Floating copy-to-clipboard button on every block</li>
<li>Optional filename label (renders as a tab above the code)</li>
<li>Word-wrap toggle per block + global default</li>
<li>Visual theme picker (no more guessing from a dropdown)</li>
<li>Modernized build using @wordpress/scripts</li>
<li>Drops PHP 5.6 / WordPress 6.0 support — now requires PHP 7.4 / WordPress 6.5</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Add the Vaaky Highlighter block in the Gutenberg editor</li>
<li>Paste or write your code</li>
<li>Select a language (optional)</li>
<li>Save and view your page on the frontend</li>
</ol>
<h3>Supported Languages</h3>
<ul>
<li>Apache</li>
<li>Bash</li>
<li>C</li>
<li>C#</li>
<li>C++</li>
<li>CSS</li>
<li>DNS Zone file</li>
<li>DOS</li>
<li>Django</li>
<li>Dockerfile</li>
<li>Go</li>
<li>HTML / XML</li>
<li>Handlebars</li>
<li>JSON</li>
<li>Java</li>
<li>JavaScript</li>
<li>Markdown</li>
<li>Nginx</li>
<li>Objective-C</li>
<li>PHP</li>
<li>Plaintext</li>
<li>PostgreSQL & PL/pgSQL</li>
<li>PowerShell</li>
<li>Python</li>
<li>R</li>
<li>Ruby</li>
<li>Rust</li>
<li>SCSS</li>
<li>SQL / MySQL</li>
<li>Shell</li>
<li>Twig</li>
<li>TypeScript</li>
<li>YAML / YML</li>
</ul>

Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg

Lightweight syntax highlighter with code blocks, line numbers, copy-to-clipboard, and 35+ themes. A fast, free alternative to Prism for WordPress.

LumiCode Syntax Highlighter vs Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg