Title: Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg Author: WebHat Published: 5 de Outubro, 2021 Last modified: 21 de Maio, 2026 --- Buscar plugins ![](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 Por [WebHat](https://profiles.wordpress.org/webhat/) [Descargar](https://downloads.wordpress.org/plugin/vaaky-highlighter.1.2.0.zip) * [Detalles](https://gl.wordpress.org/plugins/vaaky-highlighter/#description) * [Valoracións](https://gl.wordpress.org/plugins/vaaky-highlighter/#reviews) * [Instalación](https://gl.wordpress.org/plugins/vaaky-highlighter/#installation) * [Desenvolvemento](https://gl.wordpress.org/plugins/vaaky-highlighter/#developers) [Soporte](https://wordpress.org/support/plugin/vaaky-highlighter/) ## Descrición 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 ## Capturas [⌊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 ## Blocks Este plugin proporciona 1 bloque. * Vaaky Highlighter Syntax-highlighted code block powered by Highlight.js. ## Instalación #### 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 ## Preguntas frecuentes ### 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. ## Comentarios ![](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 Maio, 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 Maio, 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. [ Ler todas as 2 opinións ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/) ## Colaboradores e desenvolvedores “Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg” é un software de código aberto. As seguintes persoas colaboraron con este plugin. Colaboradores * [ WebHat ](https://profiles.wordpress.org/webhat/) * [ Raunak Gupta ](https://profiles.wordpress.org/raunak01/) [Traduce “Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg” ao teu idioma.](https://translate.wordpress.org/projects/wp-plugins/vaaky-highlighter) ### Interesado no desenvolvemento? [Revisa o código](https://plugins.trac.wordpress.org/browser/vaaky-highlighter/), bota unha ollada ao[repositorio SVN](https://plugins.svn.wordpress.org/vaaky-highlighter/), ou subscríbete ao [log de desenvolvemento](https://plugins.trac.wordpress.org/log/vaaky-highlighter/) por [RSS](https://plugins.trac.wordpress.org/log/vaaky-highlighter/?limit=100&mode=stop_on_copy&format=rss). ## Rexistro de cambios #### 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ón **1.2.0** * Última actualización **Fai 1 mes** * Instalacións activas **10+** * Versión de WordPress ** 6.5 ou superior ** * Probado ata **7.0** * Versión de PHP ** 7.4 ou superior ** * Idioma * [English (US)](https://wordpress.org/plugins/vaaky-highlighter/) * Etiquetas * [Code Blocks](https://gl.wordpress.org/plugins/tags/code-blocks/)[code snippet](https://gl.wordpress.org/plugins/tags/code-snippet/) [line-numbers](https://gl.wordpress.org/plugins/tags/line-numbers/)[prism](https://gl.wordpress.org/plugins/tags/prism/) [syntax highlighter](https://gl.wordpress.org/plugins/tags/syntax-highlighter/) * [Vista avanzada](https://gl.wordpress.org/plugins/vaaky-highlighter/advanced/) ## Valoracións 4.5 de 5 estrelas * [ 1 valoración de 5 estrelas ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=5) * [ 1 valoración de 4 estrelas ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=4) * [ 0 valoracións de 3 estrelas ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=3) * [ 0 valoracións de 2 estrelas ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=2) * [ 0 valoracións de 1 estrelas ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/#new-post) [Ver todas as valoracións](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/) ## Colaboradores * [ WebHat ](https://profiles.wordpress.org/webhat/) * [ Raunak Gupta ](https://profiles.wordpress.org/raunak01/) ## Soporte Tes algo que dicir? Necesitas axuda? [Ver o foro de soporte](https://wordpress.org/support/plugin/vaaky-highlighter/)