Quelltext der Seite Hilfe:Wikisyntax/Hervorhebung

{{Hilfe}}
Die '''Syntaxhervorhebung''' ermöglicht es seit Mitte Juni 2018, bei der Bearbeitung von Wikitext die unterschiedlichen Elemente farbig und anderweitig unterschiedlich darzustellen.

Syntaxhervorhebung ist nicht zu verwechseln mit ''[[Hilfe:Syntaxhighlight|Syntaxhighlight]]'', der Darstellung formaler Sprachen für die Leser des fertigen Artikels.

== Werkzeugleisten ==
Der Modus für die Syntaxhervorhebung kann auf den drei [[Hilfe:Symbolleisten|Bearbeitungswerkzeugleisten]] ein- und ausgeschaltet werden. Ein [[Filzstift#Textmarker|Textmarker]]-Symbol steht für die Anwendung, die von der Software '''[[Wikipedia:Technik/Text/Edit/CodeMirror|CodeMirror]]''' realisiert wird. Dies sollte nicht mit dem Schreibstift {{Menü-Icon|[[Datei:OOjs UI icon edit-ltr.svg|20px|oben|alt=|verweis=]]|non|padding=2}} verwechselt werden, der für „[[Hilfe:Seite bearbeiten|Bearbeiten]]“ steht.

{| class="wikitable"
|-
!colspan="2"| Zustand
!rowspan="2"| Art der Werkzeugleiste
|-
! Aus !! Ein
|-
|style="background:#FFFFFF; color:#{{Standardfarbe|text|body}};"| [[Datei:OOjs UI icon highlight.svg|22px|verweis=|alt=|{{int:Codemirror-toggle-label}}]]
|style="background:#FFFFFF; color:#{{Standardfarbe|text|body}};"| [[Datei:OOjs UI icon highlight-progressive.svg|verweis=|22px|alt=|{{int:Codemirror-toggle-label}}]]
|
* Klassisch (2006)
|-
|style="opacity:.7; background:#FFFFFF; color:#{{Standardfarbe|text|body}};"| [[Datei:OOjs UI icon highlight.svg|20px|verweis=|alt=|{{int:Codemirror-toggle-label}}]]
|style="background:#FFFFFF; color:#{{Standardfarbe|text|body}};"| <div style="border:1px solid #BBBBBB; padding: 0 2px;">[[Datei:OOjs UI icon highlight.svg|20px|verweis=|alt=|{{int:Codemirror-toggle-label}}]]</div>
|
* Erweiterte Bearbeitungswerkzeugleiste (Wikieditor, 2010)
* [[Hilfe:VisualEditor/Wikitext#wikitextVE2017|VisualEditor-Quelltextbearbeitung]] (2017)
|}

== Beispieldarstellung ==
Unterschiedliche Elemente innerhalb des Quelltextes werden farblich hervorgehoben, dies gilt insbesondere für [[Hilfe:Überschrift|Überschriften]],  [[Hilfe:Links|Links]], [[Hilfe:Vorlagen|Vorlagen-]] und [[Hilfe:Tabellen/Wikisyntax|Tabellensyntax]] oder Inhalte innerhalb von [[Hilfe:Tags|Tags]]. Die Hervorhebung soll die Bearbeitung erleichtern, da Syntaxelemente schneller erkannt werden.

Die Tabellen zeigen die Hervorhebung und jeweils darunter die Ausgabe, wie sie im Lesemodus erscheint.

=== {{Anker|Gliederung}} Textgestaltungs- und Gliederungselemente ===
{| class="wikitable hintergrundfarbe-basis" style="width:100%;"
|- class="hintergrundfarbe1"
| Dazu gehören Überschriften, [[Hilfe:Listen|Aufzählungszeichen]], Fett- und Krusivschrift. Die einzelnen Syntaxelemente sind hellblau eingefärbt. Die Inhalte der Überschriften sind zudem, je nach Überschriftenebene, unterschiedlich formatiert. Auch Abschnitte mit [[Hilfe:VisualEditor/Vorformatiert|vorformatierten Texten]] oder [[Hilfe:Magische Wörter|magische Wörter]] sind erkennbar.
|- style="font-family:monospace;"
| Magische Wörter und Zeichenketten, Inhaltsverzeichnis erzwingen, kein Inhaltsverzeichnis erzeugen, nicht Indexieren, [[Hilfe:Signatur|Signatur]] und horizontale Linie
<span style="color:#0076DD; background:#EEEEEE; font-weight:bold;"><nowiki>__TOC__ __NOTOC__ __NOINDEX__</nowiki></span><br /><span style="color:#0076DD; background:#EEEEEE; font-weight:bold;"><nowiki>~~~~</nowiki></span><br /><span style="color:#0076DD; background:#EEEEEE; font-weight:bold;"><nowiki>----</nowiki></span>

<span style="font-size: 1.5em; line-height: 1.2em;"><span style="color: #0076DD; font-weight: normal;">==</span> Überschrift Ebene 2 <span style="color: #0076DD; font-weight: normal;">==</span></span>

Bei eingeschalteter Hervorhebung sind, im Gegensatz zur normalen Quelltextdarstellung, auch Textpassagen in <span style="color:#0076FF"><nowiki>'''</nowiki></span>'''Fettschrift'''<span style="color:#0076FF"><nowiki>'''</nowiki></span> und <span style="color:#0076FF"><nowiki>''</nowiki></span>''Kursivschrift''<span style="color:#0076FF"><nowiki>''</nowiki></span> direkt erkennbar, so dass auch Tagfehler leichter erkannt werden können. Ein Text der beide Elemente verwendet wird entweder so <span style="color:#0076FF"><nowiki>'''</nowiki></span>'''Fettschrift enthält <span style="color:#0076FF"><nowiki>''</nowiki></span>''Kursivschrift''<span style="color:#0076FF"><nowiki>''</nowiki></span>'''<span style="color:#0076FF"><nowiki>'''</nowiki></span> oder so <span style="color:#0076FF"><nowiki>''</nowiki></span>''Kursivschrift enthält <span style="color:#0076FF"><nowiki>'''</nowiki></span>'''Fettschrift'''<span style="color:#0076FF"><nowiki>'''</nowiki></span>''<span style="color:#0076FF"><nowiki>''</nowiki></span> dargestellt.

<span style="font-weight:bold;"><span style="color: #0076DD; font-weight: normal;">===</span> Aufzählungen <span style="color: #0076DD; font-weight: normal;">===</span></span><br />
Listen können mit einfachen Listenpunkten oder als numerische Aufzählung formatiert werden.<br />
<span style="color: #0076DD; font-weight: bold;">#</span> numerische Aufzählung<br />
<span style="color: #0076DD; font-weight: bold;">#</span> numerische Aufzählung<br />
<span style="color: #0076DD; font-weight: bold;">*</span> Listenelemente<br />
<span style="color: #0076DD; font-weight: bold;">**</span> Listenelemente

<span style="font-weight:bold;"><span style="color: #0076DD; font-weight: normal;">===</span> Definitionsliste <span style="color: #0076DD; font-weight: normal;">===</span></span><br />
<nowiki>;</nowiki> Pony<br />
<span style="color: #0076DD; font-weight: bold;">:</span> Ein Pferd mit einem Stockmaß bis 148 cm<br />
<span style="color: #0076DD; font-weight: bold;">:</span> Teil einer Frisur

<span style="font-weight:bold;"><span style="color: #0076DD; font-weight: normal;">===</span> Vorformatierter Text <span style="color: #0076DD; font-weight: normal;">===</span></span><br />
<span style="background:#AADDFF; color:#{{Standardfarbe|text|body}};">&nbsp;</span>Ein Leerzeichen am Zeilenanfang<br />
<span style="background:#AADDFF; color:#{{Standardfarbe|text|body}};">&nbsp;</span>erzeugt vorformatierten Text<br />
<span style="background:#AADDFF; color:#{{Standardfarbe|text|body}};">&nbsp;</span>der an je einem blauen Feld erkennbar ist

|-
| [[Benutzer:Beispielnutzer|Beispielnutzer]] ([[BD:Beispielnutzer|Diskussion]]) {{Zeitstempel}}
----

{{Überschriftensimulation|2|Text=Überschrift Ebene 2}}

Bei eingeschalteter Hervorhebung sind, im Gegensatz zur normalen Quelltextdarstellung, auch Textpassagen in '''Fettschrift''' und ''Kursivschrift'' direkt erkennbar, so dass auch Tagfehler leichter erkannt werden können. Ein Text der beide Elemente verwendet wird entweder so '''Fettschrift enthält ''Kursivschrift''''' oder so ''Kursivschrift enthält '''Fettschrift''''' dargestellt.

{{Überschriftensimulation|4|Text=Aufzählungen}}
Listen können mit einfachen Listenpunkten oder als numerische Aufzählung formatiert werden.
# numerische Aufzählung
# numerische Aufzählung
* Listenelemente
** Listenelemente

{{Überschriftensimulation|4|Text=Definitionsliste}}
; Pony
: Ein Pferd mit einem Stockmaß bis 148 cm
: Teil einer Frisur

{{Überschriftensimulation|4|Text=Vorformatierter Text}}
 Ein Leerzeichen am Zeilenanfang
 erzeugt vorformatierten Text
 der an je einem blauen Feld erkennbar ist
|}

=== Interne und externe Verlinkungen ===
{| class="wikitable hintergrundfarbe-basis" style="width:100%;"
|- class="hintergrundfarbe1"
| Wikilinks oder Weblinks werden dunkelblau dargestellt, enthält ein Wikilink einen [[Fragmentbezeichner]] <code>#</code>, so folgt der Abschnittstitel in hellblau. Kategorie- und Dateilinks werden wie Wikilinks behandelt.
|- style="font-family:monospace;"
| Die Einbindung einer Bilddatei <span style="background:#F6F5FB; color:#{{Standardfarbe|text|body}};"><span style="color: #000AAA;">&#91;&#91;<span style="text-decoration: underline;">Datei:One Ring.png</span></span><nowiki>|rechts|rahmenlos|100px|Der eine Ring mit der Inschrift</nowiki><span style="color: #000AAA;">&#93;&#93;</span></span><span style="color: #14866d;">&lt;br /&gt;</span>Ein Wikilink zur Seite <span style="background:#F6F5FB; color: #000AAA;">&#91;&#91;<span style="text-decoration: underline;">J. R. R. Tolkien</span>&#93;&#93;</span> oder zu einem Abschnitt innerhalb der Seite <span style="background:#F6F5FB; color: #000AAA;">&#91;&#91;<span style="text-decoration: underline;">J. R. R. Tolkien</span>#<span style="color: #1188EE;">Der Hobbit und Der Herr der Ringe</span>&#124;<span style="color: #000000;">Der Hobbit und Der Herr der Ringe</span>&#93;&#93;</span><span style="color: #14866d;">&lt;br /&gt;</span>Ein Link auf die Kategorie:Hilfe:Bearbeiten <span style="background:#F6F5FB; color: #000AAA;">&#91;&#91;<span style="text-decoration: underline;">Kategorie:Hilfe:Bearbeiten</span>&#93;&#93;</span>.<span style="color: #14866d;">&lt;br /&gt;</span>Im Unterschied dazu ein Weblink mit einer leicht dickeren Klammer- und Protokolldarstellung <span style="background:#F6F5FB; color:#{{Standardfarbe|text|body}};"><span style="color: #000AAA; font-weight: bold;">&#91;</span><span style="color: #000AAA; font-weight: bold;">https://</span><span style="color: #000AAA;">www.example.org/</span>&nbsp;Externer Link<span style="color: #000AAA; font-weight: bold;">&#93;</span></span> oder als URL ohne Klammern <span style="color: #000AAA; font-weight: bold;">https://</span><span style="color: #000AAA;">www.example.org/</span>
|-
| Die Einbindung einer Bilddatei [[Datei:One Ring.png|rechts|rahmenlos|100px|Der eine Ring mit der Inschrift]]<br />Ein Wikilink zur Seite [[J. R. R. Tolkien]] oder zu einem Abschnitt innerhalb der Seite [[J. R. R. Tolkien#Der Hobbit und Der Herr der Ringe|Der Hobbit und Der Herr der Ringe]].<br />Ein Link auf die Kategorie:Hilfe:Bearbeiten [[Kategorie:Hilfe:Bearbeiten]].<br />Im Unterschied dazu ein Weblink mit einer leicht dickeren Klammer- und Protokolldarstellung [https://www.example.org/ Externer Link] oder als URL ohne Klammern https://www.example.org/
|}

=== Vorlagensyntax und Parserfunktionen ===
{| class="wikitable hintergrundfarbe-basis" style="width:100%;"
|- class="hintergrundfarbe1"
| Vorlagen und [[Hilfe:Parserfunktionen|Parserfunktionen]] sind an den doppelten geschweiften Klammern <nowiki>{{}}</nowiki> zu erkennen. Vorlagenparameter haben eine dreifache Klammer <nowiki>{{{}}}</nowiki> Beispiel: <span style="color: #AC6600;">&#123;&#123;&#123;<span style="font-weight: bold;">Lemma&#124;</span>&#125;&#125;&#125;</span>
Die Ausgabe der [[Vorlage:Personendaten]] ist nicht für alle Leser sichtbar, siehe [[Hilfe:Personendaten]]. Auch die Parserfunktion <code><nowiki>{{SORTIERUNG:}}</nowiki></code> erzeugt keinen für Leser sichtbaren Inhalt, sie dient lediglich der [[Hilfe:Kategorien#Sortierung der Seiten in einer Kategorie|Sortierung innerhalb einer Kategorie]]
|- style="font-family:monospace;"
|
<span style="color: #0076DD; font-weight: bold;">*</span> <span style="color: #8800CC;"><span style="font-weight: bold;">&#123;&#123;<u>ThiemeBecker</u> &#124;Lemma=</span>Habermann, Franz Edler von <span style="font-weight: bold;">&#124;Band=</span>15 <span style="font-weight: bold;">&#124;Seite=</span>397<span style="color: #8800CC; font-weight: bold;">&#125;&#125;</span></span>

<span style="background:#FAF5FC; color: #DD3333; font-weight: bold;">&#123;&#123;SORTIERUNG:</span>Habermann, Franz von<span style="color: #DD3333; font-weight: bold;">&#125;&#125;</span>

<span style="color: #8800CC;"><span style="font-weight: bold;">&#123;&#123;<u>Personendaten</u></span><br />
<span style="font-weight: bold;">&#124;NAME=</span>Habermann, Franz von<br />
<span style="font-weight: bold;">&#124;ALTERNATIVNAMEN=</span>Habermann, Franz Edler von<br />
<span style="font-weight: bold;">&#124;KURZBESCHREIBUNG=</span>österreichischer Beamter und Schlachtenmaler<br />
<span style="font-weight: bold;">&#124;GEBURTSDATUM=</span>17. Dezember 1788<br />
<span style="font-weight: bold;">&#124;GEBURTSORT=</span><span style="background:#F6F5FB; color: #000AAA;">&#91;&#91;<span style="text-decoration: underline;">Prag</span>&#93;&#93;</span><br />
<span style="font-weight: bold;">&#124;STERBEDATUM=</span>2. März 1866<br />
<span style="font-weight: bold;">&#124;STERBEORT=</span><span style="background:#F6F5FB; color: #000AAA;">&#91;&#91;<span style="text-decoration: underline;">Wien</span>&#93;&#93;</span><br />
<span style="color: #8800CC; font-weight: bold;">&#125;&#125;</span></span>
|-
|
* {{ThiemeBecker |Lemma=Habermann, Franz Edler von |Band=15 |Seite=397}}
<!--{{SORTIERUNG:Habermann, Franz von}}-->

{{Personendaten
|NAME=Habermann, Franz von
|ALTERNATIVNAMEN=Habermann, Franz Edler von
|KURZBESCHREIBUNG=österreichischer Beamter und Schlachtenmaler
|GEBURTSDATUM=17. Dezember 1788
|GEBURTSORT=[[Prag]]
|STERBEDATUM=2. März 1866
|STERBEORT=[[Wien]]
}}
|- class="hintergrundfarbe1"
| Es kann vorkommen, dass Vorlagen ineinander verschachtelt sind, dann erfolgt eine Änderung der Hintergrundfarbe zwischen den einschließenden Klammern, die von der Schachtelungsebene abhängig, aber kaum unterscheidbar ist {{Farbe|#FFFFFF|border=1}}{{Farbe|#F6F5FB|border=1}}{{Farbe|#F2E7E7|border=1}}.
|- style="font-family:monospace;"
| Ein Text<span style="color: #8800CC;"><span style="font-weight: bold;">&#123;&#123;<u>FN</u>&#124;</span>1<span style="color: #8800CC; font-weight: bold;">&#125;&#125;</span></span> mit 3<span style="color: #8800CC;"><span style="font-weight: bold;">&#123;&#123;<u>FN</u>&#124;</span>2<span style="color: #8800CC; font-weight: bold;">&#125;&#125;</span></span> Fußnoten<span style="color: #8800CC;"><span style="font-weight: bold;">&#123;&#123;<u>FN</u>&#124;</span>3<span style="color: #8800CC; font-weight: bold;">&#125;&#125;</span></span>

<span style="color: #8800CC;"><span style="font-weight: bold;">&#123;&#123;<u>FNBox</u>&#124;</span></span><br />
{{0|00}}<span style="color: #8800CC; background:#F6F5FB;"><span style="font-weight: bold;">&#123;&#123;<u>FNZ</u>&#124;</span>1<span style="font-weight: bold;">&#124;</span>Buchstaben<span style="color: #8800CC; font-weight: bold;">&#125;&#125;</span></span><br />
{{0|00}}<span style="color: #8800CC; background:#F6F5FB;"><span style="font-weight: bold;">&#123;&#123;<u>FNZ</u>&#124;</span>2<span style="font-weight: bold;">&#124;</span>Ziffer<span style="color: #8800CC; font-weight: bold;">&#125;&#125;</span></span><br />
{{0|00}}<span style="color: #8800CC; background:#F6F5FB;"><span style="font-weight: bold;">&#123;&#123;<u>FNZ</u>&#124;</span>3<span style="font-weight: bold;">&#124;</span>Anmerkungen im Fußbereich<span style="color: #8800CC; font-weight: bold;">&#125;&#125;</span></span><br />
<span style="color: #8800CC; font-weight: bold;">&#125;&#125;</span>
|-
|Ein Text{{FN|1}} mit 3{{FN|2}} Fußnoten{{FN|3}}

{{FNBox|
  {{FNZ|1|Buchstaben}}
  {{FNZ|2|Ziffer}}
  {{FNZ|3|Anmerkungen im Fußbereich}}
}} 
|}

=== Tabellensyntax ===
{| class="wikitable hintergrundfarbe-basis" style="width:100%;"
|- class="hintergrundfarbe1"
| Die Syntax einer Tabelle wird rot angezeigt, Überschriften und Kopfzeilen werden in Fettschrift dargestellt. Es wird jedoch nicht zwischen der Syntax von Tabellen innerhalb einer Tabelle unterschieden. Zusammengehörige Teile, wie Anfang und Ende einer Tabellen, können jedoch über die [[Wikipedia:Technik/Text/Edit/CodeMirror#Klammerpaare hervorheben|Hervorhebungsfunktion für Klammerpaare]] erkannt werden.
|- style="font-family:monospace;"
|
<span style="color: #DD0088; font-weight: bold;">&#123;&#124;</span> <span style="color:#DD0088;">class="wikitable" style="width:50%;"</span><br />
<span style="font-weight: bold;"><span style="color: #DD0088;">|+</span> Tabellenüberschrift</span><br />
<span style="color: #DD0088;"><span style="font-weight: bold;">&#124;-</span> class="hintergrundfarbe8"</span><br />
<span style="font-weight: bold;"><span style="color: #DD0088;">!</span> Kopfzeile <span style="color: #DD0088;">!!</span> Kopfzeile</span><br />
<span style="color: #DD0088;"><span style="font-weight: bold;">&#124;-</span> id="Anker"</span><br />
<span style="color: #DD0088; font-weight: bold;">&#124;</span> Inhaltszelle <span style="color: #DD0088; font-weight: bold;">&#124;&#124;</span> Inhaltszelle<br />
<span style="color: #DD0088;"><span style="font-weight: bold;">&#124;-</span> style="text-align:right;"</span><br />
<span style="color: #DD0088; font-weight: bold;">&#124;</span> Inhalt rechtsbündig <span style="color: #DD0088; font-weight: bold;">&#124;&#124;</span> Inhaltszelle rechtsbündig<br />
<span style="color: #DD0088; font-weight: bold;">&#124;&#125;</span>
|-
|
{| class="wikitable" style="width:50%;"
|+ Tabellenüberschrift
|- class="hintergrundfarbe8"
! Kopfzeile !! Kopfzeile
|- id="Anker"
| Inhaltszelle || Inhaltszelle
|- style="text-align:right;"
| Inhalt rechtsbündig || Inhalt rechtsbündig
|} 
|}

=== Tags und HTML-Entitäten ===
{| class="wikitable hintergrundfarbe-basis" style="width:100%;"
|- class="hintergrundfarbe1"
| [[Hilfe:Tags|Tags]] zur Zeichenformatierung und [[HTML-Entität]]en werden grün dargestellt. Ausnahmen sind die Funktion für sie Ausblendung von Inhalten über die [[Hilfe:Tags#Kommentar|Kommentarfunktion]], diese grau ist und die Auszeichnung mit Apostropen für Kursiv und Fettschrift. 
|- style="font-family:monospace;"
| Hinweis:<span style="color: #72777D;">&lt;!-- hier folgt ein ausgeblendeter Kommentar --&gt;</span> <span style="color: #14866D;">&lt;<span style="font-weight: bold;">code</span>&gt;</span>kodierter Text<span style="color: #14866D;">&lt;/<span style="font-weight: bold;">code</span>&gt;</span> und eine mathematische <span style="color: #14866D;">&lt;<span style="font-weight: bold;">math</span>&gt;</span><span style="background:#FAF5FC; color:#{{Standardfarbe|text|body}};">\sum_{i=0}^\infty 2^{-i}</span><span style="color: #14866D;">&lt;/<span style="font-weight: bold;">math</span>&gt;</span> oder chemische Formel <span style="color: #14866D;">&lt;<span style="font-weight: bold;">chem</span>&gt;</span><span style="background:#FAF5FC; color:#{{Standardfarbe|text|body}};">Sb2O3</span><span style="color: #14866D;">&lt;/<span style="font-weight: bold;">chem</span>&gt;</span>

<span style="color: #14866D;">&lt;<span style="font-weight: bold;">poem</span> style="margin-left:2em; font-style:italic;"&gt;</span><span style="background:#FAF5FC; color:#{{Standardfarbe|text|body}};"><br />Ein Ring sie zu knechten,<br />Ein Ring sie zu finden,<br />Ein Ring sie zu beherrschen<br />Und ans Dunkel zu binden.</span><br />
<span style="color: #14866D;">&lt;/<span style="font-weight: bold;">poem</span>&gt;</span>

HTML im Quelltext <span style="color: #14866D;">&amp;amp; &amp;nbsp; &amp;lt; &amp;gt; &amp;#91; &amp;#93;</span>
|-
|Hinweis:<!-- hier folgt ein ausgeblendeter Kommentar --> <code>kodierter Text</code> und eine mathematische <math>\sum_{i=0}^\infty 2^{-i}</math> oder chemische Formel <chem>Sb2O3</chem>

<poem style="margin-left:2em; font-style:italic;">
Ein Ring sie zu knechten,
Ein Ring sie zu finden,
Ein Ring sie zu beherrschen
Und ans Dunkel zu binden.
</poem>

HTML im Quelltext &amp; &nbsp; &lt; &gt; &#91; &#93; 
|}

{{Hilfe/Weitere Informationen|Liste=
* [[Wikipedia:Technik/Text/Edit/CodeMirror]] – vertiefende Einzelheiten
* [[Hilfe:Symbolleisten]] – Werkzeugleisten
}}
<noinclude>
[[Kategorie:Hilfe:Bearbeiten]]
</noinclude>