Free WordPress Enlighter – Customizable Syntax Highlighter pluginFree

3 876 websitesFree WordPress Enlighter – Customizable Syntax Highlighter plugin by Andi Dittrich

Enlighter is a free, easy-to-use, syntax highlighting tool for WordPress. It’s build in PHP and uses the MooTools(Javascript) based EnlighterJS to provide a beautiful code-appearance.
Using it can be as simple as selecting an editor style or adding shortcode around your scripts which you want to highlight and Enlighter takes care of the rest. An easy to use Theme-Customizer is included to modify the build-in themes without any css knowlegde!
It also supports the automatic creation of tab-panes to display code-groups together (useful for multi-language examples – e.g. html+css+js)
Theme DemoLanguage Examples

Plugin Features

  • Support for all common used languages including powerful generic highlighting
  • Full Gutenberg Editor Integration (currently experimental)
  • Full Visual-Editor (TinyMCE) Integration (Admin Panel + Frontend)
  • Theme Customizer including LIVE Preview Mode
  • Inline Syntax Highlighting
  • Tab-Indentation mode to align code with the tab key (single line and block selection)
  • Markdown fenced code blocks
  • bbPress shortcode + markdown code blocks support
  • Shortcodes within content, comments and widgets
  • Easy to use Text-Editor mode through the use of Shortcodes and QuickTags
  • Advanced configuration options (CDN usage, ..) are available within the options page.
  • Supports code-groups (displays multiple code-blocks within a tab-pane)
  • Extensible language and theme engines – add your own one.
  • Simple CSS based themes
  • Integrated CSS file caching (suitable for high traffic sites)
  • Standalone Shortcode-Processor to avoid wpautop filter issues in Text-Editor Mode
  • Webfont Loader to add missing Monospace Fonts to your website

Tutorials and Examples

Supported Languages (build-in)

Click to view Language/Theme Examples

Related Links

Compatibility

All browsers supported by MooTools (enabled Javascript required) and with HTML5 capabilities for “data-” attributes are compatible with Enlighter. It’s possible that it may work with earlier/other browsers.
Generally Enlighter (which javascript part EnlighterJS is based on MooTools Javascript Framework) should work together with jQuery in noConflict Mode – when you are using jQuery within your WordPress Theme/Page you have to take care of it!

  • Chrome 10+
  • Safari 5+
  • Internet Explorer 6+
  • Firefox 2+
  • Opera 9+

Author: Andi Dittrich

Tags: code,coding,javascript,sourcecode,syntax highlighting

Source from: WordPress.org