Display Code With Syntax Highlighting Using Prism.js – Code Block

The Code Block plugin provides a Gutenberg block to easily embed code snippets with syntax highlighting into WordPress using the Prism.js library.

How to use it:

1. Install and activate the Code Block on your website that has Gutenberg editor enabled.

2. Create a new Code Block in the Gutenberg editor.

New Code Block

3. Select a language from the dropdown and insert your code into the code block:

Code Block Insert

Preview:

Display Code With Syntax Highlighting Using Prism.js - Code Block

Download WordPress Plugin:

You can download this free WordPress plugin using the download button below. Unless otherwise stated, the WordPress plugin is available under GNU General Public License.

Author: Jerome Paulos

Homepage: https://wordpress.org/plugins/code-block/

Don’t forget to share this WordPress plugin and also check out other awesome plugins on our site.

Rate This Plugin
Sending
User Review
0 (0 votes)