Open main menu


This page is a translated version of the page Extension:CodeMirror and the translation is 60% complete.

Other languages:
Deutsch • ‎English • ‎español • ‎français • ‎magyar • ‎português do Brasil • ‎sicilianu • ‎中文 • ‎日本語 • ‎한국어
Manual de extensões do MediaWiki
OOjs UI icon advanced.svg
Estado da versão: estável
Pride and codemirror.png
Implementação User interface
Descrição Fornece destaque de sintaxe no editor wikitexto
Autor(es) Pavel Astakhov (pastakhovtalk)
Última versão 4.0.0
MediaWiki 1.32+
PHP 5.3+
Modifica o banco
de dados
Licença GNU General Public License 2.0 or later
Traduzir a extensão CodeMirror, se estiver disponível no
Verificar uso e matriz de versões
Problemas Tarefas em aberto · Relatar um 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.

Suporte a navegadores

Não está totalmente testado ainda!

Todos os navegadores suportados pelo MediaWiki são suportados. Os navegadores móveis modernos tendem a funcionar parcialmente.

Capturas de tela


  • 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.
  • Baixe e coloque o(s) arquivo(s) num diretório chamado CodeMirror na sua pasta extensions/.


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

Adicione o código acima no arquivo LocalSettings.php .

Para customização de cores e estilo, veja meta:Community Tech/Wikitext editor syntax highlighting#Color and style customization.

Integração de extensão

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)
  • auto-completion (phab:T95100)
  • brace matching (phab:T15302)
  • dobragem de código T166098
  • highlighting inside gallery tag (<gallery> foo | bar </gallery>)

Ver também