Title: Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg
Author: WebHat
Published: <strong>Октябрь 5, 2021-ж.</strong>
Last modified: Май 21, 2026-ж.

---

Плагиндерди издөө

![](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

 Автору [WebHat](https://profiles.wordpress.org/webhat/)

[Жүктөө](https://downloads.wordpress.org/plugin/vaaky-highlighter.1.2.0.zip)

 * [Кенен маалымат](https://ky.wordpress.org/plugins/vaaky-highlighter/#description)
 * [Сын-пикирлер](https://ky.wordpress.org/plugins/vaaky-highlighter/#reviews)
 *  [Орнотуу](https://ky.wordpress.org/plugins/vaaky-highlighter/#installation)
 * [Development](https://ky.wordpress.org/plugins/vaaky-highlighter/#developers)

 [Колдоо](https://wordpress.org/support/plugin/vaaky-highlighter/)

## Сүрөттөө

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

## Скриншоттор

[⌊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

## Блоктор

This plugin provides 1 block.

 *   Vaaky Highlighter Syntax-highlighted code block powered by Highlight.js.

## Орнотуу

#### 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

## FAQ.KG

### 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.

## Сын-пикирлер

![](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, 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, 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.

 [ Read all 2 reviews ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/)

## Contributors & Developers

“Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg”
is open source software. The following people have contributed to this plugin.

Мүчөлөрү

 *   [ WebHat ](https://profiles.wordpress.org/webhat/)
 *   [ Raunak Gupta ](https://profiles.wordpress.org/raunak01/)

[Translate “Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg” into your language.](https://translate.wordpress.org/projects/wp-plugins/vaaky-highlighter)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/vaaky-highlighter/),
check out the [SVN repository](https://plugins.svn.wordpress.org/vaaky-highlighter/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/vaaky-highlighter/)
by [RSS](https://plugins.trac.wordpress.org/log/vaaky-highlighter/?limit=100&mode=stop_on_copy&format=rss).

## Өзгөртүүлөр

#### 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).

## Мета

 *  Нуска **1.2.0**
 *  Акыркы жаңыртуу **1 ай мурун**
 *  Активдүү орнотуулар **10+**
 *  WordPress нускасы ** 6.5 же андан жогору **
 *  Tested up to **7.0**
 *  PHP нускасы ** 7.4 же андан жогору **
 *  Тил
 * [English (US)](https://wordpress.org/plugins/vaaky-highlighter/)
 * Тег:
 * [Code Blocks](https://ky.wordpress.org/plugins/tags/code-blocks/)[code snippet](https://ky.wordpress.org/plugins/tags/code-snippet/)
   [line-numbers](https://ky.wordpress.org/plugins/tags/line-numbers/)[prism](https://ky.wordpress.org/plugins/tags/prism/)
   [syntax highlighter](https://ky.wordpress.org/plugins/tags/syntax-highlighter/)
 *  [Advanced View](https://ky.wordpress.org/plugins/vaaky-highlighter/advanced/)

## Рейтинг

 4.5 out of 5 stars.

 *  [  1 5-star review     ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=5)
 *  [  1 4-star review     ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/vaaky-highlighter/reviews/)

## Мүчөлөрү

 *   [ WebHat ](https://profiles.wordpress.org/webhat/)
 *   [ Raunak Gupta ](https://profiles.wordpress.org/raunak01/)

## Колдоо

Комментарийлер барбы? Жардам керекпи?

 [Колдоо форумун көрүү](https://wordpress.org/support/plugin/vaaky-highlighter/)