Hilfe:Syntaxhighlight/VisualEditor

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen
Logo
Logo
icon Bilder und Medien
icon Vorlage
icon Tabelle
icon Mehr
icon Bilder und Medien
icon Vorlage
icon Tabelle
icon Kommentar
icon Hieroglyphen
icon Notenschrift
icon Deine Unterschrift
icon Galerie
icon Chemische Formel
icon Math-Formel
icon Karte
icon Codeblock
icon Diagramm
icon Einzelnachweisliste
icon Weniger

Diese Seite beschreibt, wie eine Syntaxhervorhebung mit der Bearbeitungsumgebung VisualEditor realisiert werden kann.

Syntaxhervorhebung

Das Bearbeitungswerkzeug bietet im Bearbeitungsmodus zu einer Seite einen Menüpunkt Einfügen Elemente einfügen. In dessen Drop-Down-Bereich befindet sich ein Unterpunkt icon Codeblock, der sichtbar wird, wenn du das Menü über die Option icon Mehr weiter ausklappst.

Das Anklicken des Menüpunktes öffnet ein neues Dialogfenster. Alternativ kann dieses Fenster auch über die Eingabe von <syntax an der Cursorposition aufgerufen werden.

Code als Blockelement einfügen

Logo
Code-Block einfügen
Um einen Textblock in der zu einer Programmiersprache passenden Syntaxhervorhebung anzeigen zu können, musst du zunächst den Sprachcode auswählen. Klicke hierfür auf den Dropdown-Pfeil neben dem Spracheingabefeld oder gib den entsprechenden Namen direkt ein.
Abbrechen
Codeblock
Einfügen

Sprache
 tex| 0
tex
text
 
Code
 
 
 
 
 
 
 
0 Zeilennummern anzeigen
Die Sprachangabe ist eine Pflichteingabe für diese Funktion. Anschließend kannst du den Beispielcode in den Codebereich eingeben.

i Info: Möchtest du einen Text in einem solchen Block darstellen, der zu keiner der unterstützten Programmiersprachen gehört, so wähle bitte als Sprache text aus, da ohne Sprachauswahl (keine) eine Fehlermeldung ausgelöst wird.
Welche Sprachen unterstützt werden, kannst du auf der Seite Hilfe:Syntaxhighlight #Unterstützte Sprachen nachlesen.
Wählst du eine nicht unterstützte Sprache aus, so wird das Eingabefeld rot umrandet dargestellt.

Abbrechen
Codeblock
Einfügen

Sprache
 text| 0
 
Code
Dies ist ein Text, der ohne unterstützte
Programmiersprache mit Hilfe des Tags
<syntaxhighlight> dargestellt werden soll
 
 
 
 
Häkchen Zeilennummern anzeigen
Die Zeile, in der sich der Cursor befindet, wird grau hinterlegt, in komplexen Codebeispielsen kann es sinnvoll sein die Zeilennummern neben dem Code einzublenden. Klicke dafür einfach die Checkbox an und die Zeilen werden durchnummeriert angezeigt.

Abbrechen – bricht den Vorgang ab und schließt das Dialogfenster.
Einfügen – übernimmt deinen Text in die Seitenvorschau.

Dies ist ein Text, der ohne unterstützte
Programmiersprache mit Hilfe des Tags
<syntaxhighlight> dargestellt werden soll
Dem Code-Tag <syntaxhighlight> werden die Attribute lang="text" für die Sprache und line="1" für die Zeilennummerierung übergeben.

Code bearbeiten

Logo
Code-Block bearbeiten
Ist auf einer Seite bereits ein Code-Block vorhanden, den du bearbeiten möchtest, so klicke ihn an und anschließend auf die Schaltflüche Bearbeiten, um das Dialogfeld aufzurufen. Hier ein kleines Beispiel in der Sprache Pascal.
icon Codeblock
Bearbeiten

program Handbuch(output);
begin
00write('Lies bitte das Handbuch');
end.

Im Dialogfenster wird die Syntaxhervorhebung teilweise mit abweichenden Farben als Vorschau simuliert. Die Codeeingabe wird durch einen Editor unterstützt, der eigene Funktionen bereitstellt.
Abbrechen
Codeblock
Fertig

Sprache
 pascal 0
 
Code
program Handbuch(output);
  begin
00 write('Lies bitte das Handbuch');
end
 
 
 
 
0 Zeilennummern anzeigen
Im grauen Bereich, wo die Zeilennummern aufgelistet werden, kann ein kleines Pfeilsymbol darauf hinweisen, dass bei Bedarf eine zusammenhängende Funktion (der Inhalt zwischen begin und end) eingeklappt werden kann. Auch logische Fehler innerhalb des Codes der ausgewählten Sprache können angezeigt werden, da diese Funktion zusätzlich auf einen CodeEditor zugreift.

Abbrechen – bricht die Bearbeitung ab und schließt das Dialogfenster.
Fertig – übernimmt deine Änderung in die Vorschau der Seite.

Weitere Informationen[Bearbeiten | Quelltext bearbeiten]

  • Hilfe:Syntaxhighlight – Beschreibungsseite zur Syntaxhighlightfunktion mit Tabellen, in denen die Zeichencodes der durch Syntaxhighlight nutzbaren Sprachen thematisch sortiert sind.
  • Hilfe:Tags – technische Erklärungsseite zur Verwendung und Funktion von Tags.
  • Wikipedia:Technik/Text/Edit/CodeEditor – Eingabehilfe bei der Bearbeitung von Programmiersprachencode.