Highlighting Code Block
Add code block with syntax highlighting using prism.js. (Available for Gutenberg and Classic Editor)
The facts
- Rating
- 4.5★ from 19
- Active installs
- 10k+
- Price
- Free
- Last updated
- 1 Jul 2026
- Added
- Dec 2018
- Requires WP
- 5.6
- Tested up to
- WP 7.0.4
- Requires PHP
- 5.6
- Downloads
- 194,048
Our analysis
AI-assistedHighlighting Code Block is a WordPress plugin that enables you to add syntax-highlighted code blocks easily. It supports both the Block Editor and Classic Editor, with a recommendation to use it in the Block Editor for optimal performance. You can select the programming language and insert your code with a few clicks.
This plugin is suitable for developers or content creators who need to display code snippets on their WordPress sites. It requires PHP version 5.6 or later and is compatible with WordPress versions 5.6 and above.
Best for: This plugin is best for developers and content creators who need to display code snippets.
What it does well
- ✓Allows easy addition of syntax-highlighted code blocks
- ✓Compatible with both Block Editor and Classic Editor
- ✓User-friendly interface for selecting code language
- ✓Settings menu for configuration available in the admin area
Where it falls short
- •Limited to PHP version 5.6 or later and WordPress 5.6 or later
- •No detailed feature list provided
Verdict
Highlighting Code Block offers a straightforward solution for adding code snippets to your WordPress site. It is a practical tool for those looking to enhance their content with well-formatted code.
From the developer
LOOS's own description of Highlighting Code Block, lightly tidied.
“Highlighting Code Block” allows you to add a syntax-highlighted code block with just a click.
It supports both “Block Editor” and “Classic Editor”.
(However, we recommend using it in the “Block Editor”.)
Please see the following page for a detailed explanation of this plugin.
URL: https://loos.co.jp/en/documents/highlighting-code-block/
Source code
The source code of this plugin is available on Github.
URL: https://github.com/ddryo/Highlighting-Code-Block
How to use
How to use （For Block Editor）
- Open the “Formatting” category of the Block Inserter.
- There is a custom block named “Highlighing Code Block”.
- Select it, the block will be inserted.
- Select the language of the code and enter any code.
How to use （For Classic Editor）
- You should see a select box labeled “Code Block” on the toolbar (2nd row by default).
- When you select a language from the select box, a code block (pre tag) is inserted.
If it doesn’t work
This plugin works only with PHP version 5.6 or later, WordPress 5.6 or later.
Please check your PHP version or WordPress version.
About settings
The menu “[HCB] Settings” should be added to “Settings” in the left menu of the management screen.
Settings related to this plugin are set in this menu.