Title: Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg Author: WebHat Published: 5 d'octubre de 2021 Last modified: 21 de maig de 2026 --- Cerca extensions ![](https://ps.w.org/vaaky-highlighter/assets/banner-772x250.jpg?rev=2609748) ![](https://ps.w.org/vaaky-highlighter/assets/icon-256x256.png?rev=2609748) # Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg Per [WebHat](https://profiles.wordpress.org/webhat/) [Baixa](https://downloads.wordpress.org/plugin/vaaky-highlighter.1.2.0.zip) * [Detalls](https://ca.wordpress.org/plugins/vaaky-highlighter/#description) * [Ressenyes](https://ca.wordpress.org/plugins/vaaky-highlighter/#reviews) * [Instal·lació](https://ca.wordpress.org/plugins/vaaky-highlighter/#installation) * [Desenvolupament](https://ca.wordpress.org/plugins/vaaky-highlighter/#developers) [Suport](https://wordpress.org/support/plugin/vaaky-highlighter/) ## Descripció 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](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) ### 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 1. Add the **Vaaky Highlighter** block in the Gutenberg editor 2. Paste or write your code 3. Select a language (optional) 4. 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 ## Captures [⌊Plugin settings — visual theme picker with live previews of 35+ themes, plus System Information and Quick Links sidebar⌉⌊Plugin settings — visual theme picker with live previews of 35+ themes, plus System Information and Quick Links sidebar⌉[ 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)⌉⌊Plugin settings — more theme previews plus the Block Defaults section (Code Overflow, Show Line Numbers, Word Wrap)⌉[ 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 — TypeScript and JavaScript code blocks with line numbers and the floating copy button⌉[ 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 — multi-language showcase (Dockerfile, Java, R, Ruby, PowerShell, Bash) with line numbers⌉[ 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⌉⌊ Frontend rendering — PHP and Twig code blocks with line numbers and syntax highlighting⌉[ Frontend rendering — PHP and Twig code blocks with line numbers and syntax highlighting ## Blocs Aquesta extensió proporciona 1 bloc. * Vaaky Highlighter Syntax-highlighted code block powered by Highlight.js. ## Instal·lació #### Minimum Requirements * WordPress 6.5 or higher * PHP 7.4 or higher #### Automatic Installation 1. Go to **Plugins Add New** in your WordPress dashboard 2. Search for **Vaaky Highlighter** 3. Click **Install Now** 4. Activate the plugin #### Manual Installation 1. Download the plugin ZIP file 2. Go to **Plugins Add New** 3. Click **Upload Plugin** 4. Upload the ZIP file and activate For help, see the official WordPress guide: https://wordpress.org/support/article/ managing-plugins/#manual-plugin-installation ## PMF ### Does Vaaky Highlighter work with Gutenberg? Yes. Vaaky Highlighter is built specifically for the Gutenberg block editor and integrates seamlessly as a custom code block. ### Which syntax highlighting library does this plugin use? Vaaky Highlighter uses **Highlight.js** with automatic language detection. ### What themes are supported? The plugin supports **30 syntax highlighting themes**, including: Dark themes: Monokai (Sublime), Visual Studio 2015, GitHub Dark, Android Studio, Tokyo Night Dark, Rose Pine, Nord Light themes: GitHub, StackOverflow Light, Google Code, Tokyo Night Light, Rose Pine Dawn ### How can I highlight a language that is not listed? Leave the language selection empty. Highlight.js will automatically detect the language. If detection fails, you can request support via GitHub: https://github.com/finallyRaunak/ vaaky-highlighter/issues ### Does the plugin support line numbers? Yes. Toggle line numbers per block from the block inspector, or set a global default under Settings Vaaky Highlighter. ### Does Vaaky Highlighter work with the Classic Editor? Yes. You can use the shortcode: ``` [vaakyHighlighterCode lang="php"]Your code here[/vaakyHighlighterCode] ``` The `lang` attribute is optional. If omitted, the language will be auto-detected. ## Ressenyes ![](https://secure.gravatar.com/avatar/c1713bcbe5e9ba0c4c1662f1ab7073d4719f7eebe95affdae99a1aeed188e10e? s=60&d=retro&r=g) ### 󠀁[Elevate Your WordPress Development Experience with Code Highlighter Extension](https://wordpress.org/support/topic/elevate-your-wordpress-development-experience-with-code-highlighter-extension/)󠁿 [wpsaddam](https://profiles.wordpress.org/wpsaddam/) 15 de maig de 2023 I found Vaaky Highlighter to be a useful and easy-to-use plugin for highlighting code on my WordPress site. The only downside was that it lacked some customization options for the code block, such as line numbers and font size ![](https://secure.gravatar.com/avatar/7bb4157abf393b93c00d61b0ab8b4f7a6320f0d850b28e837d80d872131594c8? s=60&d=retro&r=g) ### 󠀁[Vaaky Highlighter highly recommend](https://wordpress.org/support/topic/vaaky-highlighter-highly-recommend/)󠁿 [shbkdevwp](https://profiles.wordpress.org/shbkdevwp/) 14 de maig de 2023 Vaaky Highlighter is a great plugin for adding syntax highlighting to code snippets on WordPress sites. It's easy to use and supports a wide range of languages making it a reliable choice. Overall, I highly recommend it with a 5 star rating. [ Llegiu totes les 2 ressenyes ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/) ## Col·laboradors i desenvolupadors «Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg» és programari de codi obert. La següent gent ha col·laborat en aquesta extensió. Col·laboradors * [ WebHat ](https://profiles.wordpress.org/webhat/) * [ Raunak Gupta ](https://profiles.wordpress.org/raunak01/) [Traduïu «Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/vaaky-highlighter) ### Interessats en el desenvolupament? [Navegueu pel codi](https://plugins.trac.wordpress.org/browser/vaaky-highlighter/), baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/vaaky-highlighter/), o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/vaaky-highlighter/) per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/vaaky-highlighter/?limit=100&mode=stop_on_copy&format=rss). ## Registre de canvis #### 1.2.0 * Add line numbers, copy button, filename label, word-wrap toggle * Add visual theme picker in settings * Add dismissible wp.org review prompt after 7-day grace period * Migrate build to @wordpress/scripts and block.json (apiVersion 3) * Fix XSS in admin sidebar UTM parameters * Bump minimum PHP to 7.4 and minimum WordPress to 6.5 * Replace deprecated webhat.in author metadata with techunfiltered.dev * Drop Facebook link; update Twitter handle to @__RaunakGupta * Fix Go language slug (‘golang’ ‘go’) so highlighting actually works #### 1.1.0 – 2026-01-10 * Updated WordPress compatibility to 6.9 * Upgraded Highlight.js from v11.2.0 to v11.11.1 * Added support for 24 additional languages * Added new themes: Tokyo Night, Rose Pine, Nord * Updated all existing themes * Fixed WordPress.org compatibility warnings [See the changelog for all versions](https://github.com/finallyRaunak/vaaky-highlighter/blob/main/CHANGELOG.md). ## Meta * Versió **1.2.0** * Darrera actualització **fa 4 mesos** * Instal·lacions actives **10+** * Versió del WordPress ** 6.5 o posterior ** * Provada fins a **7.0.5** * Versió del PHP ** 7.4 o posterior ** * Idioma * [English (US)](https://wordpress.org/plugins/vaaky-highlighter/) * Etiquetes * [Code Blocks](https://ca.wordpress.org/plugins/tags/code-blocks/)[code snippet](https://ca.wordpress.org/plugins/tags/code-snippet/) [line-numbers](https://ca.wordpress.org/plugins/tags/line-numbers/)[prism](https://ca.wordpress.org/plugins/tags/prism/) [syntax highlighter](https://ca.wordpress.org/plugins/tags/syntax-highlighter/) * [Vista avançada](https://ca.wordpress.org/plugins/vaaky-highlighter/advanced/) ## Valoracions 4.5 sobre 5 estrelles. * [ 1 valoració de 5 estrelles ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=5) * [ 1 valoració de 4 estrelles ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=4) * [ 0 valoracions de 3 estrelles ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=3) * [ 0 valoracions de 2 estrelles ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=2) * [ 0 valoracions de 1 estrelles ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=1) [La vostra ressenya](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/#new-post) [Visualitza totes les ressenyes](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/) ## Col·laboradors * [ WebHat ](https://profiles.wordpress.org/webhat/) * [ Raunak Gupta ](https://profiles.wordpress.org/raunak01/) ## Suport Teniu quelcom a dir? Necessiteu ajuda? [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/vaaky-highlighter/)