Code Highlighter Addon for Elementor

Code snippets can be difficult to read when they appear as plain text in an article or lesson. This plugin adds code highlighting blocks for presenting source code in a more organized format. With support for more than 300 programming languages, it can serve sites that publish examples across a range of coding topics.

The addon works within Elementor, where you can place code blocks in pages or posts using drag-and-drop controls. Choose from 36 preset themes, or customize settings such as the language, background, and font colors. Responsive display helps the highlighted code adapt to different screen sizes.

Features

• Elementor code blocks: Add highlighted code snippets to Elementor pages or posts, placing blocks with drag-and-drop controls.
• More than 300 languages: Choose from support for more than 300 programming languages to display syntax highlighting for a wide range of code.
• Preset themes: Select from 36 preset themes to give code blocks a style suited to your website.
• Custom display settings: Adjust the language, background, font colors, and other display settings to shape the appearance of a code block.
• Responsive code display: Highlighted code blocks adapt to different screen sizes, helping visitors read snippets on a range of devices.
• Translation ready: A .pot file is included for translating the code highlighter for websites in different languages.

Best for

• Developer blogs sharing code examples
• Educators publishing programming lessons
• Tech content creators using Elementor