Syntax highlighting for Gutenberg code blocks. Done right.

Code Block Highlighting

Convert the core code block into a Prism.js-powered, syntax-highlighted block without replacing it.

Your existing content stays valid, while code becomes easier to read instantly after activation.

BERJAYA

Features Overview

Clean, focused controls that enhance the core Code block without changing how you use it.

Core behaviour

Converts the native core/code block into a Prism.js syntax-highlighted block

Does not replace the block, so content stays valid

No validation errors or dependency on custom blocks

Safe to deactivate without breaking existing content

Each block stays independent, which means you can fine-tune output without affecting other code snippets on the page.

Flexible controls

Set language, line numbers, labels, and highlights per block

Adjust each block without affecting others

Works directly within the block sidebar

Performance and developer-friendly

Loads assets only on pages with code blocks

Keeps frontend footprint minimal

Extend using filters and WordPress hooks

Additional Features and Benefits

And there’s more to WebberZone Code Block Highlighting…

Appearance

21 Prism themes, including One Dark, Dracula, and Nord, for consistent code styling.

Flexibility

Control layout with word wrap, max height, expand and collapse, and global defaults with per-block overrides.

shield-check-linePrivacy friendly

No tracking, no external requests, and no data collection.

Language support

40 languages including PHP, JavaScript, CSS, HTML, and Python, with filters to extend further.

Usability

Includes copy-to-clipboard, optional language labels, and support for highlighting specific lines or ranges.

networkMultisite compatible

Works with multisite installations with per-site configuration.

Let’s make your code easier to read

Add syntax highlighting that improves readability without affecting performance or content.