Vaaky Highlighter

Simple yet elegant syntax or code highlighter based on highlight.js. It allows you to add…

Vaaky Highlighter is a free, easy-to-use, syntax highlighting tool for WordPress. Highlighting is powered by the Highlight.js javaScript syntax highlighter with language auto-detection and zero dependencies.

Using it will be as straightforward as adding a replacement Vaaky Highlighter Sourcecode block (Gutenberg) and insert the code that you wish to highlight: Vaaky Highlighter takes care of the rest!

Here is the demo page of all the supported themes.

Usage

  1. Add a Vaaky Highlighter block within your content
  2. Write your code
  3. Select the language (optional)
  4. Save the post/page and check your in 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

Minimum Requirements

  • PHP 5.6 or greater is recommended
  • WordPress 5.0 or greater is recommended

Automatic installation

Automatic installation is that the best choice — WordPress can handle the file transfer, and you won’t have to be compelled to leave your browser.

  1. Go to “Plugins” in your WordPress dashboard
  2. Click on “Add New”
  3. Type “Vaaky Highlighter” in the search field
  4. Click “Search Plugins.”
  5. Once you’ve found us, you can view details about it such as the point release, rating, and description. Most importantly, of course, you can install it by clicking “Install” and WordPress will take it from there.
  6. Click on Activate

Manual installation

  1. Download the plugin archive
  2. Go to “Plugins” in your WordPress dashboard
  3. Click on “Add New”
  4. Upload Vaaky Highlighter archive
  5. Activate the plugin

Having issue? Check the WordPress codex contains instructions on how to do this here.

What library does this plugin use?

It uses Highlight.js

What is the theme it supports

Currently, it supports 25 themes out of which 16 are the dark theme which includes Monokai (Sublime), Visual Studio, GitHub Dark, Android Studio, etc. and 9 are the light themes which include Github, StackOverflow, Google Code, etc.

How an add a language that is not supported by you but supported by highlightjs

In that case, do not select any language from dropdown, highlightjs will auto-detect the language. If it still didn’t work you can request for a feature request

Does it has line number

No

Does it support Classic Editor? If yes then how to add the code snippet?

Yes, it will work in WordPress Classic Editor. You have to add it in the form of shortcode, like this [vaakyHighlighterCode lang="php"] Write your code here.[/vaakyHighlighterCode].
If you know the abbreviation of the language then you can provide in lang attribute like php or js or cpp else ignore the attribute all together plugin will auto-detect the language and will highlight based on that.

1.0.1 2021-10-15

  • Fix – Console warning like “Could not find the language , did you forget to load/include a language module?”.
  • Fix – False warning of unescaped HTML code blocks.
  • Feature – Added support for YAML/YML.
  • Dev – Added demo link from where user can check all the supported theme & their look and feel.
  • Fix – cmd typo with dos in ./Admin/js/gutenberg.js.
  • Fix – Fatal error which was occurring in specific version of PHP.

1.0.0 2021-10-05

  • First public release
  • Includes Highlight.js 11.2.0

See the changelog for all versions.

  1. Plugin Settings Page

    Plugin Settings Page

  2. Visual Studio 2015 Theme: JavaScript Snippet

    Visual Studio 2015 Theme: JavaScript Snippet

  3. Visual Studio 2015 Theme: PHP Snippet

    Visual Studio 2015 Theme: PHP Snippet

  4. Visual Studio 2015 Theme: YAML Snippet

    Visual Studio 2015 Theme: YAML Snippet

  5. Sublime (Monokai) Theme: JavaScript Snippet

    Sublime (Monokai) Theme: JavaScript Snippet

  6. Sublime (Monokai) Theme: YAML Snippet

    Sublime (Monokai) Theme: YAML Snippet

  7. Sublime (Monokai) Theme: PHP Snippet with Scrollbar

    Sublime (Monokai) Theme: PHP Snippet with Scrollbar

  8. Sublime (Monokai) Theme: PHP Snippet with Line Wrap

    Sublime (Monokai) Theme: PHP Snippet with Line Wrap