From MediaWiki.org
Jump to navigation Jump to search
This page is a translated version of the page Extension:CodeMirror and the translation is 41% complete.
Outdated translations are marked like this.
Other languages:
Deutsch • ‎English • ‎español • ‎français • ‎magyar • ‎português do Brasil • ‎sicilianu • ‎čeština • ‎українська • ‎中文 • ‎日本語 • ‎한국어
MediaWiki extensions manual
OOjs UI icon advanced.svg
Release status: estable
Pride and codemirror.png
Implementación User interface
Descripción Provides syntax highlighting in wikitext editor
Autor(es) Pavel Astakhov (pastakhovtalk)
Última versión 4.0.0
Política de compatibilidad release branches
MediaWiki 1.32+
PHP 5.3+
Cambios de la base de datos No
Licencia GNU General Public License 2.0 or later
Ejemplo test.foxway.org
Translate the CodeMirror extension if it is available at translatewiki.net
Verificar uso y versión de la matriz.
Asuntos Tareas abiertas · Reportar un bug

The CodeMirror extension provides syntax highlighting in MediaWiki's wikitext editor. It adds a button with the icon Codemirror-icon.png to the editing toolbar that allows for switching syntax highlighting on and off. 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.

Compatibilidad con navegadores

¡Aún no está probado completamente!

All browsers supported by MediaWiki are supported. Los navegadores modernos de móviles suelen funcionar parcialmente.

Capturas de pantalla


  • Install either the WikiEditor extension or the VisualEditor extension in wikitext mode, as instructed on their pages; at least one of these is required for this extension to work.
  • Descarga y extrae los archivos en el directorio «CodeMirror» dentro del directorio extensions/ existente.

Parámetros de configuración

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

Agrega el código de arriba al final de tu $localsettings.

For color and style customization, see Meta help page.

Integración de la extensión

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.


  • highlighting definition lists ( ;foo :bar ) (phab:T170042)
  • compleción automática (phab:T95100)
  • brace matching (phab:T15302)
  • code folding T166098
  • highlighting inside gallery tag (<gallery> foo | bar </gallery>)

Véase también