User:Sharker1015/Syntax Highlighting

{| class="wikitable" style="background:white" ! CSS Class(es) ! Element ! CodeMirror styling (CSS) ! wikEd's styling (See InitFrameCSS) ! Schnark's styling ! Rememberthedot's styling
 * .cm-mw-skipformatting
 * leading space
 * &#x2002; foo bar
 * &#x2002;foo bar
 * &#x2002;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,
 * * foo bar # foo bar
 * * foo bar # foo bar
 * .cm-mw-signature,
 * .cm-mw-signature,

.cm-mw-hr
 * signature, horizontal rule
 * &#x223C;&#x223C;&#x223C;&#x223C; ,
 * .cm-mw-indenting
 * colons
 * ::: foo bar
 * ::: foo bar
 * ::: foo bar
 * ::: foo bar
 * .cm-mw-mnemonic
 * HTML entities
 * &#x26;amp;
 * &#x26;amp;
 * &#x26;amp;
 * &#x26;amp;
 * .cm-mw-comment
 * HTML comment
 * 
 * .cm-mw-apostrophes-bold,
 * &#x26;amp;
 * .cm-mw-comment
 * HTML comment
 * 
 * .cm-mw-apostrophes-bold,
 * 
 * .cm-mw-apostrophes-bold,
 * .cm-mw-apostrophes-bold,
 * .cm-mw-apostrophes-bold,
 * .cm-mw-apostrophes-bold,

.cm-mw-apostrophes-italic ! colspan="6" style="text-align:left;" |Headings ! colspan="6" style="text-align:left;" |Templates
 * bold and italic
 *  bold      italic 
 *  bold      italic 
 * bold  italic
 * bold  italic
 * 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
 * ====== Heading ======
 * ====== Heading ======
 * ====== Heading ======
 * ====== Heading ======
 * .cm-mw-section-header
 * equals signs
 * equals signs
 * example
 * &#x7B;&#x7B; cite book &#x7C;title= foo bar &#x7D;&#x7D;
 * &#x7B;&#x7B; cite book &#x7C; title= foo bar &#x7D;&#x7D;
 * .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
 * &#x7C;
 * &#x7C;
 * .cm-mw-template-bracket
 * opening/closing brackets
 * &#x7B;&#x7B; &#x7D;&#x7D;
 * &#x7B;&#x7B; &#x7D;&#x7D;
 * .cm-mw-template-ground
 * template parameters
 * title=
 * title=
 * .cm-mw-template-delimiter
 * pipe
 * &#x7C;
 * &#x7C;
 * .cm-mw-template-bracket
 * opening/closing brackets
 * &#x7B;&#x7B; &#x7D;&#x7D;
 * &#x7B;&#x7B; &#x7D;&#x7D;
 * .cm-mw-template-ground
 * .cm-mw-template-bracket
 * opening/closing brackets
 * &#x7B;&#x7B; &#x7D;&#x7D;
 * &#x7B;&#x7B; &#x7D;&#x7D;
 * .cm-mw-template-ground
 * .cm-mw-template-ground
 * .cm-mw-template-ground
 * .cm-mw-template-ground
 * .cm-mw-template-ground

.cm-mw-template2-ground

.cm-mw-template3-ground
 * whole template

(number is the level of nesting) ! colspan="6" style="text-align:left;" |Variables ! colspan="6" style="text-align:left;" |Parser functions ! colspan="6" style="text-align:left;" |Extension tags ! colspan="6" style="text-align:left;" |HTML tags superscript subscript foo &#x3C; sup &#x3E; bar &#x3C;/ sup &#x3E; foo &#x3C; sub &#x3E; bar &#x3C;/ sub &#x3E; Foo bar
 * &#x7B;&#x7B; foo &#x7C; &#x7B;&#x7B; cite book &#x7C;title= foo bar &#x7D;&#x7D;  &#x7D;&#x7D;
 * example
 * &#x7B;&#x7B;&#x7B; foo&#x7C; bar&#x7D;&#x7D;&#x7D;
 * .cm-mw-templatevariable
 * variable
 * bar
 * .cm-mw-templatevariable-name
 * triple-braced variable name
 * foo
 * .cm-mw-templatevariable-bracket
 * opening/closing brackets
 * &#x7B;&#x7B;&#x7B; &#x7D;&#x7D;&#x7D;
 * .cm-mw-templatevariable-delimiter
 * pipe
 * &#x7C;
 * .cm-mw-templatevariable-name
 * triple-braced variable name
 * foo
 * .cm-mw-templatevariable-bracket
 * opening/closing brackets
 * &#x7B;&#x7B;&#x7B; &#x7D;&#x7D;&#x7D;
 * .cm-mw-templatevariable-delimiter
 * pipe
 * &#x7C;
 * opening/closing brackets
 * &#x7B;&#x7B;&#x7B; &#x7D;&#x7D;&#x7D;
 * .cm-mw-templatevariable-delimiter
 * pipe
 * &#x7C;
 * .cm-mw-templatevariable-delimiter
 * pipe
 * &#x7C;
 * &#x7C;
 * example
 * &#x7B;&#x7B;#assessment: A |  High &#x7D;&#x7D;
 * .cm-mw-parserfunction
 * parser function parameters
 * High
 * .cm-mw-parserfunction-name
 * parser function name
 * PAGENAME #invoke
 * .cm-mw-parserfunction-bracket
 * opening/closing brackets
 * &#x7B;&#x7B; &#x7D;&#x7D;
 * .cm-mw-parserfunction-delimiter
 * delimiter
 * .cm-mw-parserfunction-name
 * parser function name
 * PAGENAME #invoke
 * .cm-mw-parserfunction-bracket
 * opening/closing brackets
 * &#x7B;&#x7B; &#x7D;&#x7D;
 * .cm-mw-parserfunction-delimiter
 * delimiter
 * .cm-mw-parserfunction-bracket
 * opening/closing brackets
 * &#x7B;&#x7B; &#x7D;&#x7D;
 * .cm-mw-parserfunction-delimiter
 * delimiter
 * .cm-mw-parserfunction-delimiter
 * delimiter
 * .cm-mw-parserfunction-delimiter
 * delimiter
 * delimiter
 * colspan="6" style="text-align:left;" |Note: The extensions can use own styles and rules for highlighting text inside own tags. For example the Cite extension highlights text inside
 * 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
 * &#x3C; &#x3E;
 * .cm-mw-exttag-attribute
 * reference attributes
 * style="padding: 1em;"
 * .cm-mw-exttag-name
 * tag name
 * poem
 * .cm-mw-exttag-bracket
 * opening/closing brackets
 * &#x3C; &#x3E;
 * .cm-mw-exttag-attribute
 * reference attributes
 * style="padding: 1em;"
 * .cm-mw-exttag-bracket
 * opening/closing brackets
 * &#x3C; &#x3E;
 * .cm-mw-exttag-attribute
 * reference attributes
 * style="padding: 1em;"
 * .cm-mw-exttag-attribute
 * reference attributes
 * style="padding: 1em;"
 * reference attributes
 * style="padding: 1em;"
 * example
 * &#x3C; span style="foo"&#x3E; foo bar &#x3C;/ span &#x3E;
 * foo bar
 * foo bar
 * foo bar
 * .cm-mw-htmltag-name
 * HTML tag
 * span
 * .cm-mw-htmltag-bracket
 * opening/closing brackets
 * &#x3C; &#x3E;
 * .cm-mw-htmltag-attribute
 * parameters and values
 * style="foo"
 * .cm-mw-htmltag-bracket
 * opening/closing brackets
 * &#x3C; &#x3E;
 * .cm-mw-htmltag-attribute
 * parameters and values
 * style="foo"
 * .cm-mw-htmltag-attribute
 * parameters and values
 * style="foo"
 * parameters and values
 * style="foo"

Foo bar ! colspan="6" style="text-align:left;" |Pre-formatted text
 * pre.cm-mw-tag-pre,
 * pre.cm-mw-tag-pre,

.cm-mw-tag-pre
 * pre-formatted text
 * &#x3C; pre &#x3E; foo bar &#x3C;/ pre &#x3E;
 * foo bar
 * foo bar
 * foo bar
 * pre.cm-mw-tag-nowiki,
 * pre.cm-mw-tag-nowiki,

.cm-mw-tag-nowiki ! colspan="6" style="text-align:left;" |Internal links &#x5B;&#x5B; foo bar &#x5D;&#x5D; &#x5B;&#x5B; foo # section &#x7C; bar &#x5D;&#x5D; foo bar foo foo bar bar foo bar bar ! colspan="6" style="text-align:left;" |External links https:// www.example.org &#x5B;https:// www.example.org &#x5D; &#x5B;https:// www.example.org example.org &#x5D; https://www.example.org [ https://www.example.org  ] [ https://www.example.org  example.org ] https://example.org  [ https://example.org example.org] https://example.org  [ https://example.org example.org]
 * nowiki text
 * &#x3C; nowiki &#x3E; foo bar &#x3C;/ nowiki &#x3E;
 * &lt;nowiki&gt;foo bar&lt;/nowiki&gt;
 * foo bar
 * foo bar
 * example
 * example
 * .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
 * &#x5B;&#x5B; &#x5D;&#x5D;
 * .cm-mw-link-text
 * link label
 * (no additional formatting)
 * .cm-mw-link-delimiter
 * pipe
 * &#x7C;
 * .cm-mw-pagename
 * internal link targets
 * foo bar
 * .cm-mw-link-bracket
 * opening/closing brackets
 * &#x5B;&#x5B; &#x5D;&#x5D;
 * .cm-mw-link-text
 * link label
 * (no additional formatting)
 * .cm-mw-link-delimiter
 * pipe
 * &#x7C;
 * .cm-mw-pagename
 * internal link targets
 * foo bar
 * .cm-mw-link-delimiter
 * pipe
 * &#x7C;
 * .cm-mw-pagename
 * internal link targets
 * foo bar
 * .cm-mw-pagename
 * internal link targets
 * foo bar
 * .cm-mw-pagename
 * internal link targets
 * foo bar
 * foo bar
 * example
 * example
 * .cm-mw-extlink,
 * .cm-mw-extlink,

.cm-mw-free-extlink
 * external link target
 * www.example.org
 * .cm-mw-extlink-protocol,
 * .cm-mw-extlink-protocol,
 * .cm-mw-extlink-protocol,
 * .cm-mw-extlink-protocol,
 * .cm-mw-extlink-protocol,

.cm-mw-free-extlink-protocol ! colspan="6" style="text-align:left;" |Tables
 * protocol
 * https://
 * .cm-mw-extlink-text
 * link label
 * (no additional formatting)
 * .cm-mw-extlink-bracket
 * opening/closing brackets
 * &#x5B; &#x5D;
 * (no additional formatting)
 * .cm-mw-extlink-bracket
 * opening/closing brackets
 * &#x5B; &#x5D;
 * .cm-mw-extlink-bracket
 * opening/closing brackets
 * &#x5B; &#x5D;
 * &#x5B; &#x5D;
 * example
 * example

! colspan="6" style="text-align:left;" |Non-CodeMirror
 * .cm-mw-table-bracket
 * opening/closing brackets and pipe
 * &#x7B;&#x7C; &#x7C;&#x7D;
 * .cm-mw-table-delimiter
 * row and column separators
 * &#x7C; &#x7C;- !
 * .cm-mw-table-definition
 * table classes and styles
 * class="wikitable"
 * .cm-mw-table-caption
 * header cell text
 * ! caption
 * .cm-mw-table-definition
 * table classes and styles
 * class="wikitable"
 * .cm-mw-table-caption
 * header cell text
 * ! caption
 * class="wikitable"
 * .cm-mw-table-caption
 * header cell text
 * ! caption
 * .cm-mw-table-caption
 * header cell text
 * ! caption
 * ! caption
 * magic words
 * semi-colon (d.term)
 * ; foo bar
 * (treated as extension tag)
 * math
 * &#x3C; math &#x3E; \sum_{i=0}^\infty 2^{-i} &#x3C;/ math &#x3E;
 * $$\sum_{i=0}^\infty 2^{-i}$$
 * foo bar
 * foo bar
 * (treated as extension tag)
 * syntaxhighlight (former score)
 * &#x3C; syntaxhighlight &#x3E; ... &#x3C;/ syntaxhighlight &#x3E;
 * foo bar
 * foo bar
 * (treated as internal link)
 * category
 * &#x5B;&#x5B; category:foo bar &#x5D;&#x5D;
 * category: foo bar
 * file preview
 * (file preview at the right-hand edge)
 * character disambig
 * (treated as extension tag)
 * syntaxhighlight (former score)
 * &#x3C; syntaxhighlight &#x3E; ... &#x3C;/ syntaxhighlight &#x3E;
 * foo bar
 * foo bar
 * (treated as internal link)
 * category
 * &#x5B;&#x5B; category:foo bar &#x5D;&#x5D;
 * category: foo bar
 * file preview
 * (file preview at the right-hand edge)
 * character disambig
 * file preview
 * (file preview at the right-hand edge)
 * character disambig
 * file preview
 * (file preview at the right-hand edge)
 * character disambig
 * (file preview at the right-hand edge)
 * character disambig
 * character disambig
 * character disambig
 * character disambig
 * character disambig

(nbsp thinsp ndash mdash minus etc.)
 * [[File:WikEd_character_disambiguation.png]]  (screenshot)
 * }
 * }
 * }
 * }