Plugins

Extend, Integrate

EnlighterJS v2.10.1 is out including new Languages & Themes. View the Changelog

Enlighter WordPress Plugin

Enlighter - The most simple way to use EnlighterJS.
Full Visual-Editor-Integration. Build-in Theme Customizer.
Ready-to-use, Ready-to-post!

Enlighter WordPress Plugin
WordPress Visual Editor Integration

Tons of Features

Theme Customizer

Modify the EnlighterJS Themes without any CSS Knowledge Theme Customizer

Theme Live-Preview Mode

See all Theme modifications immediately Live Preview Mode

Feature List

  • Support for all common used languages
  • Theme Customizer including LIVE Preview Mode
  • Inline Syntax Highlighting
  • Full Visual-Editor (TinyMCE) Integration (Admin Panel + Frontend)
  • Easy to use Text-Editor mode through the use of Shortcodes
  • Advanced configuration options (CDN usage, ..) are available within the options page.
  • Supports code-groups (displays multiple code-blocks within a tab-pane)
  • Outputs in various formats like ordered lists or inline. Choose the method that works best for you.
  • Extensible language and theme engines - add your own one.
  • Simple CSS based themes
  • Integrated CSS file caching (suitable for high traffic sites)
  • EnlighterJS is written in MooTools. Requires MooTools v1.4+ (included) and client enabled javascript

System requirements

  • WordPress >= 3.9
  • PHP 5.3, including json functions
  • Webbrowser with enabled Javscript (required for highlighting)
  • Accessable cache directory (/wp-content/plugins/enlighter/cache/)

Installation

You can install the Enlighter package automatically with WordPress` Plugin Manager or manually by uploading the full package.

  1. Download the .zip file of the plugin and extract the content
  2. Upload the complete enlighter folder to the /wp-content/plugins/ directory
  3. Activate the plugin through the 'Plugins' menu in WordPress
  4. Goto to the Enlighter settings page and select the default theme which should be used.
  5. That's it! You're done. You can select an editor style for your codefragment or enter the following code into a post or page to highlight it (e.g. javascript): [js]var enlighter = new EnlighterJS({});[/js]

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+