WordPress.org

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)

Inline Styles are missing within the Visual Editor

This feature requires WordPress 3.9 (new TinyMCE Version) - but you can still use shortcodes for inline highlighting!

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 one of the standard themes.

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

Write a message to Andi Dittrich (andi DOT dittrich AT a3non DOT O R G) or open a New Issue on GitHub

Requires: 3.5 or higher
Compatible up to: 3.9.1
Last Updated: 2014-6-6
Downloads: 4,345

Ratings

4 stars
4.3 out of 5 stars

Support

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

Got something to say? Need help?

Compatibility

+
=
Not enough data

1 person says it works.
0 people say it's broken.

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