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
- Add a Vaaky Highlighter block within your content
- Write your code
- Select the language (optional)
- 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
Screenshots
Plugin Settings Page
Visual Studio 2015 Theme: JavaScript Snippet
Visual Studio 2015 Theme: PHP Snippet
Visual Studio 2015 Theme: YAML Snippet
Sublime (Monokai) Theme: JavaScript Snippet
Sublime (Monokai) Theme: YAML Snippet
Sublime (Monokai) Theme: PHP Snippet with Scrollbar
Sublime (Monokai) Theme: PHP Snippet with Line Wrap
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.
ChangeLog
1.0.6 2024-01-01
- Fix – declare $settingOptionGroup in Settings.php to silence deprecated message 6457d69
- Tested and updated WordPress compatibility with new version
1.0.5 2023-09-09
- Fix – Notice: Trying to access array offset on value of type bool
- Tested and updated WordPress compatibility with new version
1.0.4 2023-05-05
- Tested and updated WordPress compatibility with new version
See the changelog for all versions.
