Enlighter - Customizable WordPress code highlighting plug-in

Enlighter is a free and easy to use grammar highlighting tool of WordPress. Highlight by EnlighterJS Javascript library to provide a beautiful code appearance.

Using it is as simple as adding a new Enlighter source code block (Gutenberg) and inserting the code to highlight: Enlighter is responsible for the rest!

An easy-to-use Theme Customizer is included to modify the built-in theme, Without any CSS knowledge!
It also supports the automatic creation of tab panes to display code groups together (for multilingual examples – for example, html+css+js)

• Plug in introduction: wordpress

• Gutenberg editor will provide a new code highlight block, and you can select to use it.
• After installation, there will be {} Small icon, click the icon, select the language, and put in the code.

Plug in function

• Gutenberg editor fully integrated
• Full classic editor integration （TinyMCE）
• Supports all common languages
• Powerful universal highlight engine that can handle unknown languages
• Theme customizer, including LIVE Preview Mode
• Inline syntax highlighting
• bbPress Simplified code+price reduction code block support
• The options page provides advanced configuration options (CDN usage,..).
• Support code groups (display multiple code blocks in the tab pane)
• Extensible language and theme engines – add your own engine.
• Simple CSS based themes
• Integrated CSS file caching (for high traffic sites)
• Webfont Loader adds the missing Monospace font to your website
• Fully GPDR compliant – No external resources are required and no data is aggregated

Gutenberg editor integration

• Through the Enlightener Source Code module Full editor integration
• Automatic conversion of classic editor posts (converting code blocks to Enlightener Sourcecode blocks)
• Convert legacy code blocks to Enlighter Gutenberg blocks (manual conversion)
• Documentation and usage
• Editor plug-in repository

Classic Editor (TINYMCE) Integration

• Use the Enlighter button in the toolbar Full editor integration
• Inline syntax highlighting
• Tab indentation mode, so that the code tab Key alignment (single line and block selection)
• Editor Format Highlight Existing Code
• Documentation and usage
• Editor plug-in repository
• Live demonstration of classic editor

on sale

• Markdown fence code block
• Highlight through inline syntax of backquotes, including language specific plug-ins
• Documentation and usage

TEXTEDITOR/SHORTCODES (old version)

It is not recommended to use simple code, only in Use in text editor mode -Do not use them in Gutenberg Editor or Classic Editor!

• Easy to use text editor mode by using short code and quick tags
• Content, comments, and short codes in widgets
• The independent Shortcode Processor can avoid the wpautop filter problem in Text Editor mode

Supported languages (built-in)

Enlighter v3 syntax highlighting is supported by EnlighterJS v2.
If your language is not available, try covering General mode -Or on GitHub Request new language

Click to see examples of languages/topics

• AVR Assembly
• Generic Assembly
• C
• CSS
• C#
• C++
• Cython
• Diff
• Generic
• HTML
• Ini
• JSON
• Java
• Javascript
• Kotlin
• LUA
• MarkDown
• Matlab
• NSIS
• PHP
• Python
• RAW
• Ruby
• Rust
• SQL
• Squirrel
• Shell
• VHDL
• XML

Related Links

• Enlighter Plug in Documentation+Tutorials
• Enlighter plug-in on GitHub
• EnlighterJS Document

compatibility

All browsers supported by MooTools (Javascript needs to be enabled) and HTML5 features of the "Data -" attribute are compatible with Enlighter. It may be suitable for earlier/other browsers.

Usually Enlighter (javascript part EnlighterJS be based on MooTools Javascript Framework ）Should be in In noConflict mode Work with jQuery - When you use jQuery in WordPress themes/pages, you have to deal with it!

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

screenshot

Crayon Syntax Highlighter - the widely acclaimed wordpress code highlight/code box plug-in

Muze

• July 13, 2018
• Like: zero
• Browse: two hundred and twenty-one

Prismatic - Wordpress code highlighting plug-in

Muze

• November 21, 19
• Like: zero
• Browse: five hundred and forty-four