Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg
by WebHat
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:
Demo Page
What’s new in 1.2.0
- Line numbers for code blocks
- Floating copy-to-clipboard button on every block
- Optional filename label (renders as a tab above the code)
- Word-wrap toggle per block + global default
- Visual theme picker (no more guessing from a dropdown)
- Modernized build using @wordpress/scripts
- Drops PHP 5.6 / WordPress 6.0 support — now requires PHP 7.4 / WordPress 6.5
Usage
- Add the Vaaky Highlighter block in the Gutenberg editor
- Paste or write your code
- Select a language (optional)
- Save and view your page on the frontend
Supported Languages
- Apache
- Bash
- C
- C#
- C++
- CSS
- DNS Zone file
- DOS
- Django
- Dockerfile
- Go
- HTML / XML
- Handlebars
- JSON
- Java
- JavaScript
- Markdown
- Nginx
- Objective-C
- PHP
- Plaintext
- PostgreSQL & PL/pgSQL
- PowerShell
- Python
- R
- Ruby
- Rust
- SCSS
- SQL / MySQL
- Shell
- Twig
- TypeScript
- YAML / YML
Screenshots
Plugin settings — visual theme picker with live previews of 35+ themes, plus System Information and Quick Links sidebar
Plugin settings — more theme previews plus the Block Defaults section (Code Overflow, Show Line Numbers, Word Wrap)
Frontend rendering — TypeScript and JavaScript code blocks with line numbers and the floating copy button
Frontend rendering — multi-language showcase (Dockerfile, Java, R, Ruby, PowerShell, Bash) with line numbers
Frontend rendering — PHP and Twig code blocks with line numbers and syntax highlighting