Extension:CodeMirror/en

The CodeMirror extension provides syntax highlighting in MediaWiki's wikitext editor. It adds the button with icon to toolbar that allows switch on/off syntax highlighting. It supports Classic edit toolbar and WikiEditor toolbar as well as the VisualEditor toolbar.

By default it is switched off. When switching on, it will replace the standard textarea with the editor provided by CodeMirror library. When switching off, it will be the opposite effect.

You can use your own styles for wikitext highlighting. Used styles available here. You should place your own styles to common.css. If you have found better styles please let me known.

Browser support
All browsers supported by MediaWiki are supported. Modern mobile browsers tend to partly work.

Screenshots
Live demo.

Configuration
Add the above code at the bottom of your.

For color and style customization, see meta:Community Tech/Wikitext editor syntax highlighting.

Extension integration
If your MediaWiki extension adds a new tag and you want to make sure CodeMirror properly highlights the content within it, you can add CodeMirror support to your extension. Here are two examples: Cite extension and PhpTags extension.

To do

 * highlighting definition lists (foo :bar ) (T170042)
 * auto-completion (T95100)
 * brace matching (T15302)
 * code folding T166098
 * highlighting inside gallery tag