BACK TO DIRECTORY

HTML Editor Syntax Highlighter

by Peter Mukhortov

4.4
(110 ratings)

Add syntax highlighting in the Classic Post & Page HTML text editor, Gutenberg Code Editor, and Theme & Plugin editors using CodeMirror.js

Features

  • Syntax highlighting in the Post/Page HTML editor
  • NEW: Syntax highlighting in the Gutenberg Code Editor (not Visual Editor)
  • Syntax highlighting in the Theme & Plugin editors
  • Syntax highlighting for WordPress [shortcodes/]
  • Save your posts and pages pressing Ctrl+S (Cmd+S on Mac)
  • Restore cursor position after page is reloaded
  • Huge selection of themes and other customization options
  • Fullscreen mode: toggle with F11/Esc hotkeys

If you would like to contribute to this plugin, view the github repo.

If you’re a regular user of this plugin, please consider taking a short User Experience Survey to provide feedback that will help shape the new version 3.0.

Screenshots

Syntax highlighting in the Classic Post/Page HTML editor.

Syntax highlighting in the Classic Post/Page HTML editor.

Quick Settings Panel.

Quick Settings Panel.

Advanced Settings Panel.

Advanced Settings Panel.

Syntax highlighting in the Theme/Plugin editor.

Syntax highlighting in the Theme/Plugin editor.

Example code highlighting.

Example code highlighting.

Plugin Details

Active Installs
60K+
Total Downloads
596,229
Version
2.4.4
Requires WP
4.0
Requires PHP
Tested Up To
6.5.0
Added
2012-04-18
Last Updated
2024-03-16 11:35pm GMT

Ratings

5
79
4
14
3
7
2
5
1
5