HTML Editor Syntax Highlighter
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 T
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 .
Screenshots & previews.
Frequently asked questions.
Does it work with Gutenberg?
Yes! Partially… Since version 2.3.0, it works with the Gutenberg Code Editor , but only the Code Editor , not the Visual Editor . Press Ctrl+Shift+Alt+M / Cmd+Shift+Alt+M to switch between the Visual Editor and the Code Editor .
It does not work with blocks in the Gutenberg Visual Editor . This means it does not highlight code in: * The Edit as HTML section of every block * The Custom HTML block * The Shortcode block See the last screenshot for a visual example.