Code Block Syntax Highlighter for Elementor

Description

Code Block Syntax Highlighter for Elementor is an Elementor widget which adds code blocks with prism.js syntax highlighting to your website.
All languages and themes of Prism.js 1.22.0 are supported.

Elementor widget to highlight code snippets
All prism.js languages are supported
Use different Prism.js themes
Show or hide line numberscopy to clipboardline numbers

Installation

Upload the plugin to your blog and activate

Screenshots

Elementor code block settings.
Rendered code block.

Faq

I want an additional feature which is not included?

Create a feature request on GitHub: https://github.com/thorstenalpers/wp-plugin-code-block-for-elementor/issues

I would like to be able to select only a few languages in the list?

Currently there is no admin UI, but you could modify the code-block.php file from line 101 to 406 of this plugin, so that you see only a few languages.

Reviews

Great!

By cristianzerbinati on February 3, 2025

At now with WordPress 6.7.1 and Elementor, work perfect!

Great job

Efficient and complete

By titanesk on January 11, 2023

Congratulations for this plugin. It is really complete because it takes into account syntax highlighting with many programming languages and allows you to change the design easily.
It works very well with WordPress 6.1.1

Finally a pluging for code hightlight on elementor

By fantominus1 on August 27, 2022

Been searching for a code hightlight plugin to make a simple portfolio with Elementor without needing to get the pro version and this one seems to work perfectly.

Great job

By sherif magdy (sherifmagdy) on June 5, 2022

thanks for providing it for free.

Perect and simple!

By purplelawnchairs on December 2, 2021

This is exactly what I was looking for and works seamlessly with Elementor Thanks you very much, this was hard to find but i'm glad I did. Hope it gains traction

Great work!

By fwkart on May 6, 2021

Thanks 🙂

Great syntax highlighter for Elementor

By Morten Skrubbeltrang (skrubbeltrang) on March 4, 2021

I've been looking for this plugin for two years now, fiddling around with custom css to make nice code snippets in my web pages. Finally stumbled upon this one, which really does the job well. I would like it to support alternating line colors for improved readability but it goes highly recommended as is.

Best Highlighter for Elementor

By thomas2202 on February 12, 2021

Best Highlighter for Elementor

Changelog

1.0.1 – 12-02-2020

Improved description

1.0.0 – 16-12-2020

Added: Initial release