Vaaky Highlighter

Deskripsi

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

Tangkapan Layar

  • 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

Instalasi

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.

Tanya Jawab

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.

Ulasan

14 Mei 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.
Baca semua 2 ulasan

Kontributor & Pengembang

“Vaaky Highlighter” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini.

Kontributor

Log Perubahan

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.