Code Block Syntax Highlighter for Elementor

September 14, 2023

Code Block Syntax Highlighter for Elementor Plugin

This is an drag & drop widget for syntax highlighting of code blocks.

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

  1. Upload the plugin to your blog and activate

Screenshots

  1. Elementor code block settings.

    Elementor code block settings.

  2. Rendered code block.

    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.

Changelog

1.0.1 – 12-02-2020

Improved description

1.0.0 – 16-12-2020

Added: Initial release

Details

  • Version: 1.0.3
  • Active installations: 800
  • WordPress Version: 5.0
  • Tested up to: 6.3.5
  • PHP Version: 5.6

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars