This page is a translated version of the page Extension:CodeMirror and the translation is 19% complete.
Extensión matemática MediaWiki
OOjs UI icon advanced-invert.svg
Estado de lanzamiento estable
Pride and codemirror.png
Implementación Aplicación para votar
Descripción Provides syntax highlighting in wikitext editor
Autor(es) Pavel Astakhov (pastakhovdiscusión)
Última versión 4.0.0
Política de compatibilidad Snapshots releases along with MediaWiki. Master is not backward compatible.
MediaWiki 1.32+
PHP 5.3+
Cambios de la base de datos No
Licencia GNU Licencia Pública general 2.0 o más tarde
  • $wgCodeMirrorEnableBracketMatching
  • $wgCodeMirrorAccessibilityColors
  • $wgCodeMirrorLineNumberingNamespaces
Traduce el CodeMirror extensión si es disponible en translatewiki.net

Verificar uso y versión de la matriz.

Función de vagabundo codemirror
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.

The colors used in this extension have been optimised to provide higher contrast, accessibility and better readability.

Please note though, that the updated color scheme is currently only enabled by default for some wikis (see roadmap and configuration).

Bracket matching

This feature allows highlighting of the closest matching pair of surrounding brackets while navigating through wikitext code using the cursor. Bracket matching will be active in both editors when syntax highlighting is turned on, in any namespace using these editors.

Please note that bracket matching is only enabled by default in some wikis (see roadmap and configuration).

Line numbering

In the wikitext edit mode line numbers are automatically displayed in both editors.

Please note that this feature is only enabled for the template namespace on most wikis (see roadmap and configuration).

Compatibilidad con navegadores

All browsers supported by MediaWiki are supported.


  • Si usas Vagrant , instala con vagrant roles enable codemirror --provision
Instalación manual

Parámetros de configuración

For color and style customization, see Meta help page. You can use your own styles for wikitext highlighting. Used styles available here. You should place your own styles to common.css.

Agrega el código de arriba al final de tu LocalSettings.php .

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

To try out the new features mentioned above in your local installation, add the following lines as well. Please note though, that these features are meant to become default features. The settings might not have an effect any more then.

# Enable bracket matching in CodeMirror
$wgCodeMirrorEnableBracketMatching = true;

# Enable accessible colors in CodeMirror
$wgCodeMirrorAccessibilityColors = true;

# Enable line numbering in CodeMirror
# defaults to the template namespace `[ NS_TEMPLATE ]`
# `null` enables it for all namespace
# [] for disabling everywhere
$wgCodeMirrorLineNumberingNamespaces = null;

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.

JavaScript integration

The following front-end hooks are used in this extension:

Hook Parameters
Type Description
ext.CodeMirror.switch boolean Whether the CodeMirror editor is now shown
jQuery object The current "editor", which is either the normal ‎<textarea /> or the .CodeMirror element.


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

Véase también