Ready to get started?Download WordPress

Plugin Directory

Enlighter - Customizable Syntax Highlighter

Simple post syntax-highlighted code using the EnlighterJS MooTools Plugin.

I can't see any style options within the Visual-Editor-Toolbar

You have to enable the full toolbar by clicking on the Show/Hide Kitchen Sink button (last icon on the toolbar)

Should i use Shortcode`s or the Visual-Editor Integration ?

The use of Shortcode is only recommended when working in Text-Mode. By switching to the Visual-Editor-Mode whitespaces (linebreaks, indents, ..) within the shortcode will get removed by the editor - using Visual-Editor mode will avoid such problems.

How can i enable the Theme-Customizer ?

To enable the Theme-Customizer you have to select the theme named Custom as default theme. The Theme-Customizer will appear immediately.

Is it possible to point out special lines of code ?

Yes! since version 1.5 all shortcodes support the attribute highlight. Shortcode Example: highlight the lines 2,3,4,8 of the codeblock [js highlight="2-4,8"]....some code..[/js]

Are the uncompressed EnlighterJS Javasscript and CSS sources available ?

The complete EnlighterJS project can be found on GitHub

Can i add custom Themes ?

Yes you can! - The simplest way is to download the EnlighterJS CSS sources and modify the standard theme (Sources/Themes/Standard.css). On the Enlighter options page you have to select the theme standard and disable the automatic inclusion of the enlighter css files. Finally you have to include the modified css files on you own.

I'am already using MooTools and my page throws Javascript-Errors

If you are already using MooTools on your page, you have to disable the automatic inclusion of MooTools by Enlighter. Goto the Enlighter options page -> Advanced and select "Not include" as MooTools source. Note: EnlighterJS requires MooTools > 1.4

My page will not pass the W3C Validator when using Enligher

The W3C Validator will throw an warning when using metadata based config as initialization method, because of the unknown metatag-name EnlighterJS. To avoid this warning you can select Script based config on the settings page -> advanced -> initialization method - instead of a metatag EnlighterJS will be initialized with some javascript code injected into your page.

I miss some features / I found a bug

Well..write a email to Andi Dittrich (andi DOT dittrich AT a3non DOT org) or open a New Issue on GitHub

Requires: 3.5 or higher
Compatible up to: 3.8.3
Last Updated: 2014-2-13
Downloads: 2,839


4 stars
4.7 out of 5 stars


2 of 2 support threads in the last two months have been resolved.

Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.

100,2,2 100,1,1
100,1,1 100,1,1