Aide:Extension:CodeMirror/Personnaliser la couleur et le style

Ceci n'est qu'une partie des classes CSS de CodeMirror. La liste complète de définition des styles CodeMirror par défaut se trouve dans Gerrit.

Les couleurs et les styles utilisés dans CodeMirror peuvent être redéfinis par vos propres styles dans votre CSS personnel pour les classes du tableau ci-dessous. Notez-bien que si vous modifiez certains éléments tels que la hauteur de ligne ou celle de la police, il est possible que cela ne fonctionne pas avec l'éditeur wikitext 2017.

Classes CSS	Elément	styles de CodeMirror
.cm-mw-skipformatting	espace au début	foo bar
.cm-mw-list	astérisque ou signe de numérotation	* foo bar, # foo bar
.cm-mw-signature, .cm-mw-hr	signature, ligne horizontale	∼∼∼∼, ----
.cm-mw-indenting	deux-points	::: foo bar
.cm-mw-html-entity	entités HTML	&
.cm-mw-comment	commentaire HTML	<!-- comment -->
.cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic	gras et italiques	'''bold''' ''italic''
Titres
.cm-mw-section-1	titres de niveau 1	= Heading =
.cm-mw-section-2	titres de niveau 2	== Heading ==
.cm-mw-section-3	titres de niveau 3	=== Heading ===
.cm-mw-section-4	titres de niveau 4	==== Heading ====
.cm-mw-section-5	titres de niveau 5	===== Heading =====
.cm-mw-section-6	titres de niveau 6	====== Heading ======
.cm-mw-section-header	signe égale	==
Modèles
Exemple →		{{cite book|title=foo bar}}
.cm-mw-template	contenu des autres modèles	foo bar
.cm-mw-template-name	nom de modèle	cite book
.cm-mw-template-argument-name	paramètres de modèle	title=
.cm-mw-template-delimiter	barre verticale	|
.cm-mw-template-bracket	crochets ouvrants (fermants)	{{ }}
.cm-mw-template-ground .cm-mw-template2-ground .cm-mw-template3-ground	modèle complet (le nombre représente le niveau d'imbrication)	{{foo|{{cite book|title=foo bar}}}}
Variables
Exemple →		{{{foo|bar}}}
.cm-mw-templatevariable	variable	bar
.cm-mw-templatevariable-name	nom de variable entre accolades triples	foo
.cm-mw-templatevariable-bracket	crochets ouvrants (fermants)	{{{ }}}
.cm-mw-templatevariable-delimiter	barre verticale	|
Fonctions d'analyse
Exemple →		{{#assessment: A | High }}
.cm-mw-parserfunction	paramètres de fonction d'analyse	High
.cm-mw-parserfunction-name	nom de fonction d'analyse	PAGENAME #invoke
.cm-mw-parserfunction-bracket	crochets ouvrants (fermants)	{{ }}
.cm-mw-parserfunction-delimiter	délimiteur	:
Balises d'extension
Les extensions peuvent utiliser leurs propres styles et règles pour mettre en évidence du texte dans la balise d'extension.
Exemple →		<poem style="padding: 1em;">string whole line string</poem>
.cm-mw-exttag	texte entre balises	string
.cm-mw-exttag-name, .cm-mw-ext-poem	nom de balise	poem
.cm-mw-exttag-bracket	crochets ouvrants (fermants)	< >
.cm-mw-tag-ref	contenu de référence	<ref>{{cite web|url=https://example.org}}</ref>
.cm-mw-exttag-attribute .cm-mw-exttag-attribute-value	attributs de référence	style="padding: 1em;"
Balises HTML
Exemple →		<span style="foo">foo bar</span>
.cm-mw-htmltag-name	Balise HTML	span
.cm-mw-htmltag-bracket	crochets ouvrants (fermants)	< >
.cm-mw-htmltag-attribute .cm-mw-htmltag-attribute-value	paramètres et valeurs	style="foo"
	exposant indice	foo<sup>bar</sup> foo<sub>bar</sub>
Texte préformaté
.cm-mw-tag-pre	texte préformaté	<pre>foo bar</pre>
.cm-mw-tag-nowiki	texte nowiki	<nowiki>foo bar</nowiki>
Liens internes
Exemple →		[[foo bar]] [[foo#section|bar]]
.cm-mw-link-pagename	cible de lien interne	foo bar
.cm-mw-link	character #	#section
.cm-mw-link-tosection	caractères après le #	#section
.cm-mw-link-bracket	crochets ouvrants (fermants)	[[ ]]
.cm-mw-link-text	étiquette de lien	(pas de formatage supplémentaire)
.cm-mw-link-delimiter	barre verticale	|
.cm-mw-pagename	cibles de liens internes	foo bar
Liens externes
Exemple →		https://www.example.org [https://www.example.org] [https://www.example.org example.org]
.cm-mw-extlink, .cm-mw-free-extlink	cible de lien externe	www.example.org
.cm-mw-extlink-protocol, .cm-mw-free-extlink-protocol	protocole	https://
.cm-mw-extlink-text	étiquette de lien	(pas de formatage supplémentaire)
.cm-mw-extlink-bracket	crochets ouvrants (fermants)	[ ]
Tableaux
Exemple →		{|class="wikitable" |- ! Header text !! Header text |- | Example || Example |}
.cm-mw-table-bracket	crochets ouvrants (fermants) et barre verticale	{| |}
.cm-mw-table-delimiter	séparateurs de lignes et de colonnes	| |- !
.cm-mw-table-definition .cm-mw-table-definition-value	classes et styles des tableaux	class="wikitable"
.cm-mw-table-caption	texte de légende	|+ caption
Autres
.cm-mw-double-underscore	mots magiques	__TOC__
.cm-mw-list	point-virgule (listes de définitions)	;Foo:Bar
.cm-special-char-nbsp	espace insécable	· ·
.cm-specialChar	caractères de contrôle	•

Elle supporte de nombreux langages, tels que le wikicode de MediaWiki, JavaScript, CSS, JSON et Lua.