This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

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

Screenshots

  • Elementor code block settings.
  • Rendered code block.

Installation

  1. Upload the plugin to your blog and activate

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

Dáliw 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
Jeddi 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
Read all 8 reviews

Contributors & Developers

“Code Block Syntax Highlighter for Elementor” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.1 – 12-02-2020

Improved description

1.0.0 – 16-12-2020

Added: Initial release