User:Sharker1015/Syntax Highlighting

CSS Class(es)	Element	CodeMirror styling (CSS)	wikEd's styling (See InitFrameCSS)	Schnark's styling	Rememberthedot's styling
.cm-mw-skipformatting	leading space	foo bar	foo bar	foo bar
.cm-mw-list	asterisk or number sign	* foo bar, # foo bar	* foo bar # foo bar	* foo bar # foo bar	* foo bar # foo bar
.cm-mw-signature, .cm-mw-hr	signature, horizontal rule	∼∼∼∼, ----	~~~~, ----	~~~~, ----	~~~~, ----
.cm-mw-indenting	colons	::: foo bar	::: foo bar	::: foo bar	::: foo bar
.cm-mw-mnemonic	HTML entities	&	&	&	&
.cm-mw-comment	HTML comment
.cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic	bold and italic	'''bold''' ''italic''	'''bold''' ''italic''	'''bold''' ''italic''	'''bold''' ''italic''
Headings
pre.cm-mw-section-1	heading (size not changed in NWE)	= Heading =	= Heading =	= Heading =	= Heading =
pre.cm-mw-section-2	heading (size not changed in NWE)	== Heading ==	== Heading ==	== Heading ==	== Heading ==
pre.cm-mw-section-3	heading	=== Heading ===	=== Heading ===	=== Heading ===	=== Heading ===
pre.cm-mw-section-4	heading	==== Heading ====	==== Heading ====	==== Heading ====	==== Heading ====
pre.cm-mw-section-5	heading	===== Heading =====	===== Heading =====	===== Heading =====	===== Heading =====
pre.cm-mw-section-6	heading	====== Heading ======	====== Heading ======	====== Heading ======	====== Heading ======
.cm-mw-section-header	equals signs	==
Templates
example		{{cite book|title=foo bar}}	{{cite book|title=foo bar}}	{{cite book|title=foo bar}}	{{cite book|title=foo bar}}
.cm-mw-template	other template content	foo bar
.cm-mw-template-name	template name	cite book	cite book
.cm-mw-template-argument-name	template parameters	title=	title=
.cm-mw-template-delimiter	pipe	|	|
.cm-mw-template-bracket	opening/closing brackets	{{ }}	{{ }}
.cm-mw-template-ground .cm-mw-template2-ground .cm-mw-template3-ground	whole template (number is the level of nesting)	{{foo|{{cite book|title=foo bar}}}}
Variables
example		{{{foo|bar}}}	{{{foo|bar}}}	{{{foo bar}}}	{{{foo bar}}}
.cm-mw-templatevariable	variable	bar
.cm-mw-templatevariable-name	triple-braced variable name	foo
.cm-mw-templatevariable-bracket	opening/closing brackets	{{{ }}}
.cm-mw-templatevariable-delimiter	pipe	|
Parser functions
example		{{#assessment: A | High }}	{{PAGENAME}}
.cm-mw-parserfunction	parser function parameters	High
.cm-mw-parserfunction-name	parser function name	PAGENAME #invoke
.cm-mw-parserfunction-bracket	opening/closing brackets	{{ }}
.cm-mw-parserfunction-delimiter	delimiter	:
Extension tags
Note: The extensions can use own styles and rules for highlighting text inside own tags. For example the Cite extension highlights text inside <ref> tags as a wikitext.
example		<poem style="padding: 1em;">string whole line string</poem>	<ref name="foo"> </ref>	<tag>...</tag>	<tag>...</tag>
pre.cm-mw-exttag	whole line inside tags	whole line
.cm-mw-exttag	text inside tags	string
.cm-mw-exttag-name	tag name	poem
.cm-mw-exttag-bracket	opening/closing brackets	< >
.cm-mw-exttag-attribute	reference attributes	style="padding: 1em;"
HTML tags
example		<span style="foo">foo bar</span>	<span style="foo">foo bar</span>	<tag style="foo">foo bar</tag>	<tag style="foo">foo bar</tag>
.cm-mw-htmltag-name	HTML tag	span
.cm-mw-htmltag-bracket	opening/closing brackets	< >
.cm-mw-htmltag-attribute	parameters and values	style="foo"
	superscript subscript	foo<sup>bar</sup> foo<sub>bar</sub>	Foo<sup>bar</sup> Foo<sub>bar</sub>
Pre-formatted text
pre.cm-mw-tag-pre, .cm-mw-tag-pre	pre-formatted text	<pre>foo bar</pre>	<pre>foo bar</pre>	<tag>foo bar</tag>	<tag>foo bar</tag>
pre.cm-mw-tag-nowiki, .cm-mw-tag-nowiki	nowiki text	<nowiki>foo bar</nowiki>	<nowiki>foo bar</nowiki>	<tag>foo bar</tag>	<tag>foo bar</tag>
Internal links
example		[[foo bar]] [[foo#section|bar]]	[[foo bar]] [[foo#section|bar]]	[[foo bar]] [[foo#section|bar]]	[[foo bar]] [[foo#section|bar]]
.cm-mw-link-pagename	internal link target	foo bar
.cm-mw-link	# character	#section
.cm-mw-link-tosection	characters after the #	#section
.cm-mw-link-bracket	opening/closing brackets	[[ ]]
.cm-mw-link-text	link label	(no additional formatting)
.cm-mw-link-delimiter	pipe	|
.cm-mw-pagename	internal link targets	foo bar
External links
example		https://www.example.org [https://www.example.org] [https://www.example.org example.org]	https://www.example.org [https://www.example.org] [https://www.example.org example.org]	https://example.org [https://example.org] [https://example.org example.org]	https://example.org [https://example.org] [https://example.org example.org]
.cm-mw-extlink, .cm-mw-free-extlink	external link target	www.example.org
.cm-mw-extlink-protocol, .cm-mw-free-extlink-protocol	protocol	https://
.cm-mw-extlink-text	link label	(no additional formatting)
.cm-mw-extlink-bracket	opening/closing brackets	[ ]
Tables
example		{| class="wikitable" |- ! Header text !! Header text |- | Example || Example |}	{| class="wikitable" |- ! Header text !! Header text  |- | Example || Example  |}	{| class="wikitable" |- ! Header text !! Header text  |- | Example || Example  |}	{| class="wikitable" |- ! Header text !! Header text |- | Example || Example |}
.cm-mw-table-bracket	opening/closing brackets and pipe	{| |}
.cm-mw-table-delimiter	row and column separators	| |- !
.cm-mw-table-definition	table classes and styles	class="wikitable"
.cm-mw-table-caption	header cell text	!caption
Non-CodeMirror
	magic words	__TOC__	__TOC__	__TOC__
	semi-colon (d.term)			; foo bar
(treated as extension tag)	math	<math>\sum_{i=0}^\infty 2^{-i}</math>	<math>\sum_{i=0}^\infty 2^{-i}</math>	<tag>foo bar</tag>	<tag>foo bar</tag>
(treated as extension tag)	syntaxhighlight (former score)	<syntaxhighlight>...</syntaxhighlight>	<syntaxhighlight>...</syntaxhighlight>	<tag>foo bar</tag>	<tag>foo bar</tag>
(treated as internal link)	category	[[category:foo bar]]	[[category:foo bar]]	[[category:foo bar]]	[[category:foo bar]]
	file preview		(file preview at the right-hand edge)
	character disambig (nbsp thinsp ndash mdash minus etc.)		(screenshot)	- – — −