Linux 软件免费装
Banner图

Vaaky Highlighter — Syntax Highlighter, Code Blocks, Line Numbers for Gutenberg

开发者 raunak01
更新时间 2026年5月21日 20:09
PHP版本: 7.4 及以上
WordPress版本: 7.0
版权: GPLv2 or later
版权网址: 版权信息

标签

prism syntax highlighter code snippet code blocks line numbers

下载

1.2.0 1.0.4 1.0.3 1.0.1 1.0.2 1.0.0 1.0.5 1.0.6 1.1.0

详情介绍:

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

安装:

Minimum Requirements 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

屏幕截图:

  • 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 — 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

升级注意事项:

1.2.0 Major update: line numbers, copy button, filename labels, and a redesigned theme picker. Requires PHP 7.4+ and WordPress 6.5+.

常见问题:

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.

更新日志:

1.2.0 1.1.0 - 2026-01-10