From MediaWiki.org
Jump to navigation Jump to search
This page is a translated version of the page Extension:CodeMirror and the translation is 4% complete.

Other languages:
Deutsch • ‎English • ‎Nederlands • ‎català • ‎dansk • ‎español • ‎français • ‎italiano • ‎magyar • ‎polski • ‎português • ‎português do Brasil • ‎sicilianu • ‎suomi • ‎العربية • ‎中文 • ‎日本語 • ‎한국어
MediaWiki uitbreidingshandleiding
OOjs UI icon advanced.svg
Release status: stabiel
Pride and codemirror.png
Implementatie User interface
Beschrijving Provides syntax highlighting in wikitext editor
Auteur(s) Pavel Astakhov (pastakhovtalk)
MediaWiki 1.32+
PHP 5.3+
Database wijzigingen Nee
Licentie GNU General Public License 2.0 or later
Voorbeeld test.foxway.org
Gebruikte hooks
Vertaal de CodeMirror extensie indien beschikbaar op translatewiki.net
Bekijk gebruik en versiematrix
Problemen Open taken · Rapporteer een bug

The CodeMirror extension provides syntax highlighting in MediaWiki's wikitext editor. It adds the button with icon Codemirror-icon.png to toolbar that allows switch on/off syntax highlighting. It supports the 2010 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 know.

Browser support

It is not fully tested yet!

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


Live demo.


  • Download en plaats de bestanden in een map genaamd CodeMirror in de extensions/ map.

Voor gebruikers van MediaWiki 1.24 of lager:

De instructies hierboven beschrijven de nieuwe manier van het installeren van uitbreidingen, door middel van wfLoadExtension() Indien deze uitbreiding wordt geïnstalleerd op een eerdere versie (MediaWiki 1.24 en eerder), gebruik in plaats van wfLoadExtension( 'CodeMirror' );:

require_once "$IP/extensions/CodeMirror/CodeMirror.php";


# Enables use of CodeMirror by default but still allow users to disable it
$wgDefaultUserOptions['usecodemirror'] = 1;

Add the above code at the bottom of your LocalSettings.php .

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

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

Zie ook