Description
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
Installation
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.
- Go to “Plugins” in your WordPress dashboard
- Click on “Add New”
- Type “Vaaky Highlighter” in the search field
- Click “Search Plugins.”
- 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.
- Click on Activate
Manual installation
- Download the plugin archive
- Go to “Plugins” in your WordPress dashboard
- Click on “Add New”
- Upload Vaaky Highlighter archive
- Activate the plugin
Having issue? Check the WordPress codex contains instructions on how to do this here.
FAQ
-
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 inlang
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.
Reviews
Contributors & Developers
“Vaaky Highlighter” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Vaaky Highlighter” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
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