Diese Seite beschreibt die Ausklappfunktionen des Menüfeldes Einfügen Elemente einfügen mit der Bearbeitungsumgebung VisualEditor.

Menüfeld „Einfügen“

Der Menüpunkt Einfügen Elemente einfügen des Hauptmenüs bietet einen Zugang zu mehreren Untermenüpunkten, die jeweils eigene Dialogfelder zur Bearbeitung öffnen.

Das Ausklappmenü ist zunächst auf die ersten drei Punkte beschränkt. Mit icon kann es weiter expandiert werden, so dass die weiteren Möglichkeiten sichtbar sind; anschließend auch mit icon wieder reduziert werden.

Nachstehend werden die einzelnen Untermenüpunkte genauer beschrieben.

Mediendateien

Bilder oder andere Mediandateien in eine Seite einbinden oder hochladen.

Mediendateien einbinden oder bearbeiten

Es kann über die Auswahl icon Bilder und Medien, ein neues Dialogfenster geöffnet werden, das die Optionen „Suchen“ und „Hochladen“ anbietet.

Logo
Menüpunkt Suchen
Datei auswählen
Abbrechen
Medieneinstellungen
SuchenHochladen
 Otter
Im Dialogfenster werden automatisch Bildvorschläge aus dem Pool von Wikimedia Commons eingeblendet, die thematisch zu der bearbeiteten Seite passen könnten. Das Suchfeld wird mit dem Lemma, hier Otter, vorbelegt. Wird dieser Text verändert, kann nach weiteren Mediendateien gesucht werden. Die Dateien lassen sich durch einen Klick auf das Bild auswählen. Dadurch wird ein weiteres Dialogfeld geöffnet, in dem die Bildinformationen eingeblendet werden.
Schaltflächen des Dialogfeldes
Abbrechen   bricht den Vorgang ab
Suchen Unterstützung bei der Suche nach geeigneten Dateien aus dem Pool bei Wikimedia Commons, um .
Hochladen Wechsel zu einem Menüpunkt, der dich beim Hochladen neuer Dateien unterstützt.

Bilddetails ansehen

Logo
Menüpunkt Suchen
Details zur Datei ansehen
Zurück
Medieneinstellungen
Dieses Bild weiterverwenden
Sea-otter-morro-bay 13


Sea Otter (Enhydra lutris) preening itself in Morro Bay Feb. 21, 2007. taken from a kayak on a calm day… this critter got very comfortable with us…

3504 × 2336px · SVG
CC BY 2.0
Künstler: Mike Baird from Morro Bay, USA (bairdphotos.com)
sea-otter-morro-bay_13
Hochgeladen von Dori
Hochgeladen: vor 9 Jahren
Erstellt: 2007-02-21 09:36
Weitere Informationen

Schaltflächen des Dialogfeldes
Zurück   Rücksprung zur Suche in das vorherige Dialogfeld
Dieses Bild weiterverwenden öffnet das Dialogfeld zur Bearbeitung
Deteilangaben zur Datei
Breite × Höhe px · SVG zeigt die Abmessungen und die Art der Datei (PNG, SVG, PDF …) an
CC BY 2.0[1] Link zur Lizenzbeschreibung
Künstler: Angaben zum Ersteller der Datei, des Bildes oder des Werkes
Own work[2] Quellenangabe: Kennzeichnung als eigenes Werk
Hochgeladen von … Name des Benutzers, der die letzte Version dieser Datei hochgeladen hat
Hochgeladen: vor … Angabe, wann diese Version der Datei hochgeladen wurde
Erstellt: JJJJ-MM-TT Angabe, wann diese Datei erstellt wurde
Weitere Informationen verlinkt direkt auf die Dateibeschreibungsseite bei Wikimedia Commons

Vorhandenes Bild einbinden

Logo
Menüpunkt Suchen
Datei einbinden oder bearbeiten
Nun kann die Datei mit einem Titel versehen oder das Bild für die Einbindung in der Größe und Ausrichtung zum Text bearbeitet werden. Hierfür stehen zwei unterschiedliche Optionen zur Auswahl. Die jeweils aktive Option wird weiß hinterlegt angezeigt. Über die -Symbole rechts können ergänzende Hinweistexte eingeblendet werden.
Optionen und Schaltflächen des Dialogfeldes
Allgemein   Diese Option bietet Eingabefelder für die Beschreibung des Inhaltes der ausgewählten Datei
Erweitert Hier kann die Position (Ausrichtung im Text der Seite), die Anzeigegröße und der Bildtyp verändert werden.
Schaltflächen des Dialogfeldes
Abbrechen Bricht diesen Vorgang ab und schließt das Dialogfeld.
Einfügen Übernimmt die ausgewählte Datei in den Seitentext.
BearbeitenÄnderungen speichern
Über ein Dialogfeld unterhalb einer eingefügten Datei ist über die Schaltfläche „Bearbeiten“ der Aufruf des Bearbeitungsdialogs oder eine interaktive Größenanpassung über einen kleinen Skalierpfeil möglich. Die bisherigen Beschreibungstexte, das Format und die Abmessungen werden zur Anpassung in die Eingabefelder übernommen. „Änderungen speichern“[3] übernimmt die Änderungen in die Seitenansicht.
Bildlegende
icon Bilder und Medien
Bearbeiten

Sea-otter-morro-bay 13.jpg

Bild ändern Rückkehr zur Vorschlagsliste, um eine andere Datei auszuwählen.
Allgemeine Einstellungen
Jede Datei, die du einbindest, sollte mit einer kurzen Beschriftung zum Inhalt versehen werden. Das Feld sollte nicht für ausführliche Beschreibungen genutzt werden, diese sollten im nebenstehenden Seitentext stehen.

Bildlegende und Alternativtext

Abbrechen
Medieneinstellungen
Einfügen
AllgemeinErweitert
Sea-otter-morro-bay 13.jpg (Beschreibungsseite)
Beschriftung
Rückgängig machen – Strg+Z
Wiederholen – Strg+⇑+Z, Strg+Y
Text gestalten Text gestalten
Verlinken
Einfügen Elemente einfügen
Sonderzeichen

 
Alternativtext
 

Bild ändern
Optionen
Sea-otter-morro-bay 13.jpg (Beschreibungsseite)   Link auf die lokale Dateibeschreibungsseite in dem Wiki-Projekt, in dem du gerade arbeitest.
Beschriftung: Das Eingabefeld für die Bildlegende bietet einige Optionen des Hauptmenüs des VisualEditors an. Hier können zusätzlich Textgestaltungselemente, Verlinkungen, weitere Einfügungen oder Sonderzeichen ausgewählt werden. Die Legende dient als Kurzinformation dazu, was in der Datei dargestellt wird.
Alternativtext: Hier kann eine ausführlichere Beschreibung eingefügt werden, die auch Benutzern mit eingeschränkter Sehfähigkeit umschreibt, was dort dargestellt wird. Diese Informationen werden beispielsweise von Screenreadern verwendet, die den Seiteninhalt in eine vorgelesene Version umwandeln.

Hier ist im Eingabefeld nur die reine Klartexteingabe sinnvoll.[4]

Erweiterte Einstellungen
Standard ist die Ausrichtung der Medienelemente als Vorschaubild am rechten Rand der Seite, wobei sie vom nebenstehenden Text umflossen werden. Die jeweils aktiv ausgewählte Schaltfläche wird dunkelblau hinterlegt.
Abbrechen
Medieneinstellungen
Einfügen
AllgemeinErweitert
Position
Häkchen Text um dieses Objekt umbrechen
Links Mitte Rechts


Bildtyp
Vorschaubild
Vorschaubild
Rahmenlos
Rahmen
Einfach

Umrandung

Bildgröße
StandardBenutzerdefiniert


Benutzerdefiniert 220 × 124 px


Bild ändern
Optionen
Position   In diesem Dialogfeld kannst du festlegen, wo die Datei im Text positioniert werden soll.

Grundsätzliches zur Ausrichtung

Häkchen Text … umbrechen ist diese Option nicht ausgewählt, so wird die Datei am Linken Bildrand positioniert und ein Absatz erzeugt, so dass der nachfolgende Textblock unterhalb der Datei am linken Zeilenanfang beginnt.

Das Bild nicht umfließen

Links Datei am linken Seitenrand positionieren und vom Text umfließen lassen.
Mitte Datei mittig ausrichten, es erfolgt in jedem Fall ein Umbruch und der nachfolgende Text beginnt am linken Bildrand.
Rechts Standardeinstellung, Datei am rechten Seitenrand positionieren und vom Text umfließen lassen.
Bildtyp Es gibt unterschiedliche Darstellungsarten für die Dateien. Üblich ist die Einbindung als Vorschaubild mit einer vorgegebenen Standardgröße, einem Rahmen und einer Bildlegende. Daneben können Dateien auch ohne sichtbare Textlegende rahmenlos eingefügt werden.

Vorschaubilder

Vorschaubild Datei in der Standardform mit einem Feld zur Anzeige der Bildlegende einfügen. Zusätzlich kann die Datei über das Vergrößerungselement im Bereich der Bildlegende in einer vergrößerten Ansicht (beispielsweise mit dem Medienbetrachter) aufgerufen werden.
Rahmenlos Datei ohne Rahmen und ohne sichtbare Bildlegende einfügen, der Text der Bildbeschreibung wird beim Überfahren des Bildes mit der Maus als Tooltip eingeblendet. Das Bild wird an der derzeitigen Position des Cursors eingefügt, wenn keine zusätzlichen Optionen ausgewählt werden, der Textumbruch wird automatisch abgeschaltet.
Rahmen Datei mit einem Rahmen und mit Bldlegende in der Originalgröße einfügen. Textausrichtung ist rechts.

Originalgröße

Einfach Datei ohne Rahmen an der Cursorposition einfügen. Beispielsweise in Tabellen, in denen eine Abbildung in einer benachbarten Zelle ausführlicher beschrieben wird. Hier kann eine benutzerdefinierte Größenangabe sinnvoll sein.
Häkchen Umrandung Diese Option ist nur bei der Auswahl Rahmenlos oder Einfach aktiviert und erzeugt eine dünne graue Umrandung, beispielsweise für Logos mit weißem Hintergrund oder Flaggen mit einem weißen Bereich.

Rand

Bildgröße Dateien sollten möglichst in der Standardgröße auf einer Seite eingebunden werden. Es ist jedoch möglich benutzerdefinierte Parameter einzugeben.

Bilder skalieren

Standard Datei in der von dir in den persönlichen Einstellungen festgelegten Standardbreite einfügen. Beispielsweise 220px.
Benutzerdefiniert Gibt dir die Möglichkeit die Abmessungen skaliert zu verändern.
Benutzerdefiniert

× px

Die Werte für Höhe und Breite sind dabei im Seitenverhältnis abhängig. Bei Änderung eines Parameters wird der zweite automatisch angepasst. Es sind zum Einfügen nur Werte gültig, die die maximale Dateigröße nicht überschreiten. Wird dennoch ein höherer Wert eingegeben, so wird der Rahmen der Eingabefelder rot eingefärbt und unterhalb der Schaltfläche „Vollständige Größe“ der Fehlertext Die Größenwerte sind ungültig. angezeigt.
Achtung: Bei der nachträglichen Bearbeitung einer Datei wären auch höhere Werte möglich, dies sollte jedoch vermieden und möglichst die Standardeinstellung verwendet werden.

Hochladen

Wechsle über die Optionsauswahl zum Menüpunkt „Hochladen“, um Medien (optimal selbst geschossene Fotos) zu Wikimedia Commons hinzuzufügen. Es folgen zwei Arbeitsschritte:

  1. Datei auf dem Speichermedium auswählen
  2. Eigenes Werk hochladen

Datei auf dem Speichermedium auswählen

Logo
Menüpunkt Hochladen
Datei von der Festplatte deines Rechners auswählen
Abbrechen
Medieneinstellungen
SuchenHochladen
Eine Datei auswählen

Dateien hier ablegen

Dies ist mein eigenes Werk
Ich bestätige, dass ich das Urheberrecht für diese Datei besitze, und stimme unwiderruflich der Veröffentlichung dieser Datei auf Wikimedia Commons unter der Lizenz „Creative Commons Namensnennung – Weitergabe unter gleichen Bedingungen 4.0 International“ sowie den Nutzungsbedingungen zu.
Falls du nicht das Urheberrecht für diese Datei besitzt oder du diese Datei unter einer anderen Lizenz veröffentlichen möchtest, ziehe den Hochladeassistenten auf Wikimedia Commons in Erwägung. Oder bearbeite nach dem Hochladen die entstandene Dateibeschreibungsseite weiter.

Du kannst auch die Hochladeseite auf Wikivoyage ausprobieren, falls die Website das Hochladen dieser Datei unter ihren Richtlinien erlaubt.

Schaltflächen des Dialogfeldes
Eine Datei auswählen   Klicke die Schaltfläche an und wähle aus dem sich öffnenden Fenster den Pfadnamen und die Datei aus, die du hochladen möchtest. Klicke in diesem Fenster auf die Schaltfläche Öffnen und die Datei wird als Vorschau in das Dialogfeld übernommen. Das Fenster schließt sich automatisch wieder.
Hier muss dieses Eingabefeld ausgewählt werden, um eine selbst erstellte Datei nach den geltenden Nutzungsbedingungen und in der vorgegebenen Lizenz Creative Commons Namensnennung – Weitergabe unter gleichen Bedingungen 4.0 International hochzuladen.
Bist du nicht sicher, ob diese Lizenz für dein Werk zutrifft oder, wenn du eine andere Lizenz auswählen möchtest, folge den Links in dem darunterstehenden Text.

Wikimedia Commons

Abbrechen bricht den Vorgang ab
Suchen Wechsel zu einem Menüpunkt, der dich bei der Suche nach geeigneten Dateien aus dem Pool bei Wikimedia Commons unterstützt, um den Artikel zu illustrieren.
Hochladen Dialogfelder zum Hochladen neuer Dateien.

Eigenes Werk hochladen

Generell sollten nur eigene oder gemeinfreie Werke hochgeladen werden, beispielsweise Fotos, die du selbst erstellt hast. Bitte keine Scans oder Fotos von möglicherweise urheberrechtlich geschützten Werken wie Büchern oder Bildern hochladen und die Rechte anderer Urheber beachten.

Logo
Menüpunkt Hochladen
Lizenz eintragen und Datei hochladen
Abbrechen
Medieneinstellungen
Hochladen

Falkirk Wheel Juli 2012.jpg

Häkchen Dies ist mein eigenes Werk
Ich bestätige, dass ich das Urheberrecht für diese Datei besitze, und stimme unwiderruflich der Veröffentlichung dieser Datei auf Wikimedia Commons unter der Lizenz „Creative Commons Namensnennung – Weitergabe unter gleichen Bedingungen 4.0 International“ sowie den Nutzungsbedingungen zu.
Schaltflächen des Dialogfeldes
Häkchen   Nach der Bestätigung über dieses Auswahlfeld klicke auf die Schaltfläche „Hochladen“, um fortzufahren. Ein Hochladen ohne diese Bestätigung wäre über dieses Dialogfeld nicht möglich.
Abbrechen bricht den Vorgang komplett ab und schließt das Dialogfeld
Hochladen Diese Datei übernehmen und weitere Einzelheiten hinzufügen.
Einzelheiten hinzufügen und Speichern
Die mit gekennzeichneten Felder sind Pflichtangaben. Wird eine Pflichtangabe gelöscht, so wird das Feld mit einer roten Umrandung dargestellt. Das aktive Feld wird durch eine dickere Umrandung und einen blinkenden Cursor angezeigt. Erst wenn alle Pflichtangaben erfolgt sind, kann die Datei gespeichert werden.
Zurück
Medieneinstellungen
Speichern

 

Einzelheiten
Name

 Falkirk Wheel Juli 2012|
Ein eindeutiger und beschreibender Titel in Klartext mit Leerzeichen als Dateiname. Lasse die Dateierweiterung weg.

Beschreibung

 


Beschreibe kurz alles Bedeutende über das Werk. Erwähne für ein Foto die wesentlichen abgebildeten Dinge, das Ereignis oder den Ort.

Kategorien

 Eine Kategorie hinzufügen …

Datum

 Do., 26. Jul. 2012
Einzelheiten
Name   Der bisherige Dateiname wird in das Eingabefeld übernommen. Diesen Dateinamen solltest du möglichst mit einem prägnanten Namen überschreiben, der kurz über den Inhalt informiert. Falls der Name schon existieren sollte und beim Versuch, die Datei zu speichern, eine Fehlermeldung erscheint, bitte den Namen ändern, beispielsweise durch einen Zusatz „Kirche von St. Mustermann (Bild 1)“.
 Info: Hier bitte keineDateiformate“ eingeben.
Beschreibung Angabe was auf dem Bild dargestellt wird oder welchen Inhalt die Datei enthält. Beispiel: Dieses Bild zeigt die Kirche von St. Mustermann im Nirgendwo.
Kategorien Wähle hier eine passende Kategorie für deine Datei aus. Sobald du einen Buchstaben eingibst, werden dir in einem Auswahlfeld Vorschläge für existierende Kategorien angezeigt. Klickst du in dem Auswahlfeld eine Kategorie an, so wird sie in das Eingabefeld übernommen.
 gewählte Kategorie entfernen   Eine Kategorie hinzufügen …

Das bietet die Möglichkeit, die zuvor ausgewählte Kategorie wieder zu entfernen. Es können weitere Kategorien ausgewählt und hinzugefügt werden.

Datum Hier muss das Datum angegeben werden, an dem das Bild fotografiert oder die Datei erstellt wurde, nicht das (heutige) Hochladedatum. Beim Anklicken des voreingestellten Wertes erscheint ein Dropdownmenü, in dem du den Tag, den Monat oder das Jahr ändern kannst, falls es nicht mit der aus der Dateiinformationen übernommenen Voreinstellung übereinstimmt.
Schaltflächen des Dialogfeldes
Zurück zum vorherigen Dialogfeld zurückkehren.
Speichern schließt die Bearbeitung ab und übernimmt die Datei in das Dialogfeld Bilddetails ansehen, um die Datei weiter zu verwenden und in die Seitenvorschau zu übernehmen.

Fehlermeldung beim Hochladen

Logo
Menüpunkt Hochladen
Falls der Name einer Datei bereits existiert, wird ein Warnhinweis über dem Dialogfeld eingeblendet.

Etwas ist schief gelaufen

Eine Datei mit diesem Namen ist bereits vorhanden. Wenn du auf „Datei hochladen“ klickst, wird die vorhandene Datei überschrieben. Unter File:Falkirk_Wheel_Juli_2012.jpg kannst du dich vergewissern, ob das gewollt ist. Wenn du dies nicht willst, verlasse diese Seite. Das Nachtragen von Lizenz- und Quelleninformationen funktioniert so nicht. Dazu musst du oben auf „Seite bearbeiten“ klicken und die entsprechenden Infos nachtragen. Weitere Hinweise dazu findest du auf Hilfe:FAQ zu Bildern.
Ausblenden
Schaltfläche des Dialogfeldes
Ausblenden   zum vorherigen Dialogfeld zurückkehren. Die Schaltfläche „Speichern“ wird nun inaktiv (grau hinterlegt) angezeigt, solange du den Namen nicht änderst.

Vorlagen

Vorlagen einfügen, bearbeiten und Parameterwerte eingeben oder ändern.

Vorlagenbestandteile

Eine Vorlage, wie die Vorlage:Literatur, kann auf einer Seite eingebunden werden, um einheitliche Formatierungen anzubieten. Vorlagen werden jeweils unter einen spezifischen Namen zumeist im Vorlagennamensraum angelegt. Wenn du eine Vorlage verwenden möchtest, solltest du ihre Funktion und diesen Namen kennen, um sie sinnvoll einzubinden. Das normale Menü mit den Eingabefeldern führt bislang nur wenige Wertüberprüfungen (Validierungen) aus.

  • Titel oder Name der Vorlage – Quickbar Ort, Literatur, Marker, VCard, …
  • Vorlagenspezifische Parameter und Pflichtparameter – in vielen Vorlagen muss mindestens ein Parameter als Pflichtangabe ausgefüllt werden
  • Inhaltstext für die Parameterwerte – Inhalt eines benannten oder nummerierten Parameters
  • Optionale oder unbenutzte Parameter – manche Vorlagen bieten eine Vielzahl an optionalen Parametern an. Bei Zitationsvorlagen sollten nicht verwendete, leere, nicht zutreffende Parameter entfernt werden.

Vorlagen einfügen

Aktivierung über Unterpunkt icon Vorlage, der ein neues Dialogfenster öffnet, das Optionen zum Hinzufügen und Ausfüllen von Vorlagen anbietet. Alternativ kann dieses Dialogfenster auch über die Eingabe von zwei geschweiften öffnenden Klammern {{ an der Cursorposition aufgerufen werden.

Logo
Vorlage an der Cursorposition einfügen
Im Dialogfeld kannst du den Namen der gewünschten Vorlage in das Eingabefeld einfügen. Sobald du einen Buchstaben einfügst, wird dir eine Auswahlliste der vorhandenen Vorlagen angezeigt, in der du den Namen anklicken kannst.
Abbrechen
⧼visualeditor-dialog-transclusion-placeholder⧽
Einfügen

icon ⧼Visualeditor-dialog-transclusion-placeholder⧽
 |
Vorlage hinzufügen

⧼visualeditor-dialog-transclusion-multiple-mode⧽

Abbrechen
⧼visualeditor-dialog-transclusion-placeholder⧽
Einfügen

icon ⧼Visualeditor-dialog-transclusion-placeholder⧽
 VCar|
VCard
Vormatierung von Angaben, wie sie auf einer Visitenkarte stehen könnten.
VCard/XML
VCard/Doku
VCard/Sandkasten
Vorlage hinzufügen

⧼visualeditor-dialog-transclusion-multiple-mode⧽
 Info: Wenn der Name einen Schrägstrich / enthält, solltest du ihn in der Regel nicht auswählen, da es sich um eine Unterseite der Vorlage handeln könnte.

Vorlage hinzufügen – übernimmt die Vorlage und zeigt im nächsten Dialogfeld die Parameter zum Ausfüllen an, wenn diese dokumentiert sind.

Dialogfeld rechte Seite – Optionen ausgeblendet
Pflichtangaben werden durch ein Sternchen gekennzeichnet. Das Informationsicon zeigt gegebenenfalls weitere Hinweise zum Parameter an. Siehe auch Beispiel
Abbrechen
Vorlagenname
Einfügen

Kurzbeschreibung[5]


⧼visualeditor-dialog-transclusion-more-template-description⧽[6]
Parameter-1 Beschreibung des Feldes
 |
Parameter-2
 

⧼visualeditor-dialog-transclusion-add-param⧽

 Feldname
Keine unbenutzen Felder



⧼visualeditor-dialog-transclusion-multiple-mode⧽
Im Dialogfeld werden nun die benannten und (mittels TemplateData) als erwünscht oder explizit erforderlich ausgewiesenen Parameter der Vorlage aufgelistet. Zu jedem Parameter wird ein Eingabefeld oder eine Checkbox angezeigt, um die benötigten Angaben einfügen zu können.
⧼visualeditor-dialog-transclusion-add-param⧽– es könnten weitere optionale Parameter vorhanden sein oder es sollen unbenannte Parameter hinzugefügt werden.
 Eingabesuchfeld
– optionale, unbenannte oder nicht über TemplateData dokumentierte Parameter können über das Eingabefeld gefunden oder benannt werden.
Anzeigefeld für optionale ParameterKeine unbenutzten Felder, ein Hinweis, dass laut TemplateData keine weiteren Parameter mehr zur Verfügung stehen, es könnten jedoch nicht dokumentierte Parameter vorhanden sein.

 Info: Bei Parametern, die nicht mit TemplateData zugewiesen wurden, sollte zuvor geprüft werden, wie der Parameter innerhalb der Vorlagenprogrammierung benannt wurde, um zu verhindern, dass Inhalte in falsch benannte oder nicht existierende Felder eingefügt und so nicht angezeigt oder erkannt werden. Daher bitte einen Blick auf die Vorlagenseite werfen.[6]

Abbrechen
Vorlagenname
Einfügen

Kurzbeschreibung


⧼visualeditor-dialog-transclusion-more-template-description⧽
⧼visualeditor-dialog-transclusion-add-param⧽
 1|
1
unbekanntes Feld

⧼visualeditor-dialog-transclusion-multiple-mode⧽
Verwende für die Eingabe für die unbenannten Parameter optional fortlaufend die Nummern 1, 2, … als Feldname und klicke das als unbekannt angegebene Feld an, um ihm einen Inhalt zuzuweisen.
Abbrechen
Vorlagenname
Einfügen

Kurzbeschreibung


⧼visualeditor-dialog-transclusion-more-template-description⧽
1Beschreibung des Feldes
 |
⧼visualeditor-dialog-transclusion-add-param⧽
 Feldname
Keine unbenutzen Felder

⧼visualeditor-dialog-transclusion-multiple-mode⧽
Füge nun den Inhalt in das Eingabefeld ein
Abbrechen
Vorlagenname
Einfügen

Kurzbeschreibung


⧼visualeditor-dialog-transclusion-more-template-description⧽
 |Feldname
Parameter-1
Parameterkurzbeschreibung
Parameter-2
Parameterkurzbeschreibung
Parameter-3
Parameterkurzbeschreibung
x weitere Felder anzeigen

⧼visualeditor-dialog-transclusion-multiple-mode⧽
Sind alle Parameter optional und wurden nicht als Vorgabe bestimmt, so werden sie unterhalb eines Sucheingabefeldes angezeigt, falls es sich um benannte Parameter handelt. Diese können nun durch Anklicken zur Vorlage hinzugefügt werden. Sind alle Parameter ausgefüllt kannst du die Vorlag übernehmen.
Abbrechen – Vorgang abbrechen und die Änderung verwerfen.
Einfügen – Vorlage in die Seitenansicht einfügen und anschließend über das Hauptmenü abspeichern.
Dialogfeld mit eingeblendeten Optionen
Wenn du auf die Schaltfläche „⧼visualeditor-dialog-transclusion-multiple-mode⧽“ klickst, öffnet sich die rechte Seite des Dialogfeldes und bietet dir weitere Optionen an. Die jeweils aktive Option wird hellblau markiert. Zunächst werden alle Angaben, die in der oberen Hälfte der rechten Seite des Dialogfeldes vorhanden sind auf der linken Seite als Liste aufgeführt.
Abbrechen
⧼visualeditor-dialog-transclusion-title⧽
Einfügen

icon Vorlagenname
icon Parameter-1
icon Parameter-2
icon Weitere Informationen
icon Vorlagenname
Kurzbeschreibung

⧼visualeditor-dialog-transclusion-more-template-description⧽

Parameter-1 Beschreibung des Feldes
 Inhalt
Parameter-2
 

⧼visualeditor-dialog-transclusion-add-param⧽

 Feldname
Keine unbenutzen Felder
 
icon

⧼visualeditor-dialog-transclusion-single-mode⧽
Ein Klick auf einen Eintrag auf der linken Seite springt rechts zur dazu passenden Eingabemöglichkeit
Abbrechen
⧼visualeditor-dialog-transclusion-title⧽
Einfügen

icon Vorlagenname
icon Parameter-1
icon Parameter-2
icon Weitere Informationen
icon Vorlagenname
Kurzbeschreibung

⧼visualeditor-dialog-transclusion-more-template-description⧽

Parameter-1 Beschreibung des Feldes
 Inhalt|
Parameter-2
 

⧼visualeditor-dialog-transclusion-add-param⧽

 Feldname
Keine unbenutzen Felder
 
icon

⧼visualeditor-dialog-transclusion-single-mode⧽
 Info: Die Funktionalität der Menüleiste im unteren Bereich ist derzeit etwas unklar. Sie führt dazu, dass zusätzlich zur eigentlichen Vorlage Elemente zum Seitenquelltext hinzugefügt werden können. So können beispielsweise Einleitungstexte oder zugehörige Untervorlagen, die mit der Vorlage im Zusammenhang stehen direkt vor oder hinter der Vorlage hinzugefügt werden und bilden in der Auswahl der Vorlage dann eine Einheit. Die Angaben lassen sich nur über den Aufruf der Vorlage ändern.
icon

icon ⧼visualeditor-dialog-transclusion-placeholder⧽ – Diese Vorlage wird nicht innerhalb der hier bearbeiteten Vorlage eingefügt. Die Schaltfläche Vorlage hinzufügen wird erst aktiv, wenn ein Vorlagenname eingegeben wurde.[7]

icon ⧼visualeditor-dialog-transclusion-placeholder⧽
 
Vorlage hinzufügen

⧼visualeditor-dialog-transclusion-add-param⧽ – vermutlich gehört das Feld direkt zu der zusätzlich möglichen einzufügenden Vorlage.

⧼visualeditor-dialog-transclusion-add-param⧽
 |Feldname

Inhalt hinzufügen – beispielsweise als Einleitungstext zur Vorlage oder Nachsatz.

Inhalt
 |

Gibt man in die so gekennzeichneten Felder einen Text ein, so wird dieser direkt und ohne Leerraum hinter der Vorlage in den Seitentext eingefügt. Dieser Inhalt kann als sogenannter Wikitext formatiert werden.[8]

Abbrechen
⧼visualeditor-dialog-transclusion-title⧽
Einfügen

Inhalt
Inhalt
 Kurzer Einleitungstext zur Vorlage oder zusätzliche Quellenangabe|
icon Vorlagenname
Kurzbeschreibung

⧼visualeditor-dialog-transclusion-more-template-description⧽

Parameter-1 Beschreibung des Feldes
 Inhalt
Parameter-2
 

⧼visualeditor-dialog-transclusion-add-param⧽

 Feldname
Keine unbenutzen Felder
icon Vorlagenname
icon Parameter-1
icon Parameter-2
icon Weitere Informationen
 
icon

⧼visualeditor-dialog-transclusion-single-mode⧽
– den markierten Eintrag in der Liste weiter nach oben oder unter schieben
– den markierten Eintrag oder Parameter löschen
Abbrechen – Vorgang abbrechen und die Änderung verwerfen.
Einfügen – Vorlage in die Seitenansicht einfügen und anschließend über das Hauptmenü abspeichern.
⧼visualeditor-dialog-transclusion-single-mode⧽ – Die linke Seite wieder ausblenden

Ausfüllen anhand eines Beispiels

Hier wird die Vorlage {{VCard}}, die in keinem Personenartikel fehlen sollte, als Muster verwendet.

Logo
⧼visualeditor-dialog-transclusion-placeholder⧽
Sobald du einen Buchstaben einfügst wird dir eine Auswahlliste der vorhandenen Vorlagen angezeigt, in der du den Namen anklicken kannst.
Abbrechen
⧼visualeditor-dialog-transclusion-placeholder⧽
Einfügen

icon ⧼Visualeditor-dialog-transclusion-placeholder⧽
 Personendaten|
VCard
Formatierung von Angaben…
VCard/Doku
VCard/Sandkasten
VCard/XML
Vorlage hinzufügen
 

⧼visualeditor-dialog-transclusion-multiple-mode⧽
Durch einen anschließenden Klick auf die Schaltfläche Vorlage hinzufügen übernimmst du diese Vorlage, um nun ihre Parameter auszufüllen.

Vorlage ausfüllen

Logo
Vorlage VCard ausfüllen
Parameter, die mit einem Sternchen gekennzeichnet sind, sind Pflichtangaben, ohne die die Vorlage nicht eingefügt werden sollte. Diese Parameter lassen sich nicht über die Mülltonnensymbole entfernen. Falls in der Vorlage Beispielangaben oder Hinweistexte hinterlegt wurden, lassen sich diese über das Informationsicon aufrufen.
Abbrechen
Personendaten
Einfügen

VCard zum Einfügen von Museen usw.; siehe auch Hilfe:Erstellen einer VCard


⧼visualeditor-dialog-transclusion-more-template-description⧽
Name Beschreibung des Feldes
 |
Namensergänzung
 
Datenobjekt
 
Auto
 
Typ
 
Untertyp
 
Alternativer Name
 

⧼visualeditor-dialog-transclusion-add-param⧽

 Feldname
Keine unbenutzen Felder



⧼visualeditor-dialog-transclusion-multiple-mode⧽
Nicht alle Felder der Vorlage sind eingeblendet, es sind viele optionalen Parameter vorhanden. Erwünscht ist das Ausfüllen aller Felder, Pflicht- oder Mindestangaben sind der Name und Typ eines Objektes. Die übrigen Parameter sollten „nicht“ entfernt werden, da es sich um Angaben handelt, die möglicherweise erst später mit Inhalt gefüllt werden können.

Vorlagen bearbeiten oder Parameter hinzufügen

Logo
Fehlende oder gelöschte Parameter hinzufügen
Wurden Parameter über die Mülltonnensymbole entfernt oder sind in der Programmierung hinzugekommen, so können diese zur Vorlage hinzugefügt werden. Vorhandene Vorlagen können direkt auf der Seite angeklickt werden und anschließend über einen Klick zur Bearbeitung geöffnet werden.
Personendaten
NAMEMustermann, Maximilian
KURZBESCHREIBUNGMusterperson
icon Vorlage
Erzeugt von: Personendaten
Bearbeiten
In diesem Beispiel sind bislang nur die Pflichtparameter angegeben worden, normalerweise würden alle optionalen Parameter sofort nach dem Klick auf Bearbeiten wieder in der oberen Hälfte als erwünschte Parameter aufgelistet werden. Hier ist es zur Demonstration so dargestellt, als wenn es sich um rein „optionale“ Parameter handeln würde.
Abbrechen
Personendaten
Änderungen speichern

icon Personendaten
Personendaten zum Einfügen am Ende des Artikels, hinter die Kategorien; siehe auch Hilfe:Personendaten
⧼visualeditor-dialog-transclusion-more-template-description⧽
Name Beschreibung des Feldes
 Mustermann, Maximilian
Kurzbeschreibung
 Musterperson
⧼visualeditor-dialog-transclusion-add-param⧽
 |Feldname
Alternativnamen ALTERNATIVNAMEN
Geburtsdatum GEBURTSDATUM
Geburtsort
Ortsangaben bitte verlinken[9]
GEBURTSORT
drei weitere Felder anzeigen

⧼visualeditor-dialog-transclusion-multiple-mode⧽
Die einzelnen Vorschläge aus der unteren Liste lassen sich durch Anklicken hinzufügen und können anschließend ausgefüllt werden. Bei umfangreichen Vorlagen mit sehr vielen optionalen Parametern wie beispielsweise bei der Vorlage:Literatur können Parameter auch mithilfe des Sucheingabefeldes gefunden werden.
Abbrechen
Personendaten
Änderungen speichern

Personendaten zum Einfügen am Ende des Artikels, hinter die Kategorien; siehe auch Hilfe:Personendaten


⧼visualeditor-dialog-transclusion-more-template-description⧽
Name
 Mustermann, Erika
Alternativnamen
 
Kurzbeschreibung
 Beispielperson, Ausweismuster
Geburtsdatum
 1. Januar 1966
Geburtsort
Beschreibung des Feldes
Beschreibung des Feldes
Sterbedatum
 
Sterbeort
 

⧼visualeditor-dialog-transclusion-add-param⧽


⧼visualeditor-dialog-transclusion-multiple-mode⧽
Sind alle bekannten Angaben ergänzt oder korrigiert wird die Vorlage über Einfügen oder Änderungen speichern in die Seitenansicht übernommen und kann über das Hauptmenü gespeichert werden.

Vorlagen substituieren

Manchmal sollen Vorlage substituiert werden, um ihren kompletten Quelltext in eine Seite zu integrieren. Dazu muss subst: oder ers: (inklusive Doppelpunkt) vor dem Vorlagennamen eingegeben werden.

Logo
Vorlage durch Substituierung expandieren
Eine Substituierung auf Seiten im Artikelbereich ist selten sinnvoll, da die dort eingebundenen Vorlagen automatisch die jeweils gültige Version der Vorlage einbinden sollen. Ausnahmen können sein, mit denen Artikel zusätzlich in der Qualitätssicherung oder ähnlichen Wartungsseiten eingetragen werden sollen. Dort ist unveränderliche Form wichtig, damit sich Inhalte oder Layout der Vorlagen nicht nachträglich versehentlich ändern.
Abbrechen
⧼visualeditor-dialog-transclusion-placeholder⧽
Einfügen

icon ⧼Visualeditor-dialog-transclusion-placeholder⧽
 subst:QS|
Vorlage hinzufügen

⧼visualeditor-dialog-transclusion-multiple-mode⧽
Nach dem Klick auf die Schaltfläche „Vorlage hinzufügen“ öffnet sich das Dialogfeld zum Ausfüllen der Parameter. Dort sollten die Parameter mit eingefügt werden, leider werden sie jedoch nicht automatisch erkannt und ein Fehlen von Pflichtparametern kann zu einer Fehlfunktion führen.

Vorlage hinzufügen – diese Vorlage auswählen, um ihren Quellcode in die Seite einzubinden

Abbrechen
Subst:QS
Einfügen

icon Subst:QS

Die Vorlage „Vorlage:Subst:QS“ hat noch keine Beschreibung, aber vielleicht gibt es einige Informationen auf der Vorlagenseite.[10]
⧼visualeditor-dialog-transclusion-add-param⧽
 |Feldname
Keine unbenutzen Felder

⧼visualeditor-dialog-transclusion-multiple-mode⧽
Hier nun im Suchfeld den Feldnamen mit einer 1 überschreiben und danach das Feld mit der Bezeichnung 1 unbekanntes Feld anklicken
Abbrechen
Subst:QS
Einfügen

icon Subst:QS

Die Vorlage „Vorlage:Subst:QS“ hat noch keine Beschreibung, aber vielleicht gibt es einige Informationen auf der Vorlagenseite.
⧼visualeditor-dialog-transclusion-add-param⧽
 1|
1
unbekanntes Feld

⧼visualeditor-dialog-transclusion-multiple-mode⧽
In das Eingabefeld unter der 1 nun den Grund für das Setzen des Mangelbausteines einfügen.
Abbrechen
Subst:QS
Einfügen

icon Subst:QS

Die Vorlage „Vorlage:Subst:QS“ hat noch keine Beschreibung, aber vielleicht gibt es einige Informationen auf der Vorlagenseite.

1

 Der Text ist unverständlich, es sind keine Belege vorh|

⧼visualeditor-dialog-transclusion-add-param⧽
 Feldname
Keine unbenutzen Felder

⧼visualeditor-dialog-transclusion-multiple-mode⧽
Wenn du alle notwendigen Felder ausgefüllt hast, klicke abschließend auf die Schaltfläche „Einfügen“.

Einfügen – diese Vorlage als Quelltextversion in die Seite einfügen
Der Baustein befindet sich nun sichtbar im Artikel.

Dieser Artikel wurde mit der Begründung: Der Text ist unverständlich, es sind keine Belege vorhanden am 3. Dezember 2024 um 14:01 durch Beispielnutzer (DiskussionBeiträge) als verbesserungswürdig eingestuft. , ihn zu verbessern
icon Vorlage
Erzeugt von: Subst:QS
Bearbeiten
Vor dem endgültigen Abspeichern kann die Vorlage nochmals über die Schaltfläche „Bearbeiten“ aufgerufen werden, falls du noch etwas am Text verändern möchtest. Über das Hauptmenü kannst du die Änderungen dann in den Seiteninhalt übernehmen oder sie dir zuvor im Versionsvergleich für den Quelltext noch einmal ansehen. Nach dem Speichern ist dieser Eintrag nicht mehr als Vorlageneinbindung bearbeitbar, sondern verhält sich wie normaler Seiteninhalt. In diesem Beispiel wäre es eine Tabellenformatierung.

Bearbeiten – Vorlage vor dem Abspeichern nochmals bearbeiten
Änderungen speichern – Inhalt dieser Vorlage im Quelltext der Seite abspeichern

Tabellen

Tabellen in eine Seite einfügen oder deren Inhalte bearbeiten. Hilfe:Tabellen/VisualEditor

Kommentare

Kommentare, die in der normalen Seitenleseansicht unsichtbar sind, werden bei der Bearbeitung sichtbar. Hilfe:Tags/Kommentar/VisualEditor

Deine Unterschrift

Deine Unterschrift einfügen

Aktivierung über den Unterpunkt icon Deine Unterschrift, der nach dem Anklicken dieses Menüfeldes deine Unterschrift mit Zeitstempel an der Cursorposition einfügt.[11] Alternativ kannst du auch direkt vier Tilden ~ dort einfügen und die Zeichenfolge wandelt sich in deine Signatur.

Logo
Diskussionsbeiträge signieren
Es ist auf Diskussionsseiten erwünscht, dass ein Benutzer seinen Beitrag mit seiner Signatur kennzeichnet, damit die anderen Teilnehmen wissen, mit wem sie kommunizieren. Jede Signatur soll dafür entweder einen Link auf die Benutzerseite oder auf die eigene Diskussionsseite anbieten.
Signiere deinen Beitrag indem du auf den Menüpunkt mit dem Schriftsymbol icon klickst oder die vier Tilden am Ende deines Beitrags einfügst. Es erscheint daraufhin eine Signatur in der Form. Beispielnutzer (Diskussion) 14:01, 3. Dez. 2024 (CET)[Beantworten]
Es ist möglich, das Aussehen deiner Unterschrift in einem gewissen Rahmen individuell zu gestalten. Wie das geht wird auf der Seite Hilfe:Signatur #Inhalt der Signatur ändern beschrieben.

Galerien

Aktivierung über den Unterpunkt icon Galerie, der sichtbar wird, wenn du das Menü über die Option icon Mehr weiter ausklappst.

 Info: Falls du lediglich ein einzelnes Bild in den Text einfügen möchtest benutze bitte dafür nicht die Galeriefunktion sondern den Menüpunkt icon Medien.

Logo
Eine Galerie an der Cursorposition einfügen
Wenn du auf einer Seite dieses Menü anklickst öffnet sich ein Dialogfeld, das dir zunächst basierend auf dem Namen der Seite versucht thematisch passende Bilddateien vorzuschlagen. Sollten keine Dateien gefonden werden, so folgt eine Meldung.
Abbrechen
Galerie
Einfügen
0Bilder0Optionen
Die Galerie ist leer.
 Lemma

⧼Visualeditor-dialog-media-noresults⧽
Du kannst den Text im Eingabefeld ändern, um nach passenden Bildern zu suchen.
Abbrechen
Galerie
Einfügen
0Bilder0Optionen
Die Galerie ist leer.
 Antelope Canyon

Wähle nun durch Anklicken ein Bild aus der Listen mit den Vorschaubildern aus und füge in das Eingabefeld eine kurze Bildbeschreibung ein.

 Info: Das Feld sollte nicht für ausführliche Beschreibungen genutzt werden.

Abbrechen
Galerie
Einfügen
0Bilder0Optionen
 Bildbeschreibung

Bild entfernen
Neues Bild hinzufügen
Klicke auf Einfügen, wenn du die ausgewählten und beschrifteten Bilder als Galerie übernehmen möchtest oder wechsle zum Reiter Optionen, um Einstellungen zur Gestaltung der Galerie vorzunehmen.

Abbrechen – bricht den Vorgang ab und schließt das Dialogfenster.
Einfügen – übernimmt deine Auswahl in die Seitenvorschau.
Neues Bild hinzufügen – füge ein weiteres Bild in die Galerie ein.
Bild entfernen – entferne ein Bild aus der Galerie.

Logo
Galeriebearbeitung
Klicke die Galerie an, die du bearbeiten möchtest und anschließend auf die Schaltfläche Bearbeiten
icon Galerie
Bearbeiten
Über die Galerieoptionen kannst du die Gestaltung der Galerie verändern, ihr eine zentrale Überschrift zuordnen, festlegen wie die Bilder angezeigt erden sollen oder wieviele Bilder in der traditionellen Ansicht je Zeile angezeigt werden sollen. Je nach Auswahl des Anzeigemodus können einige der Felder inaktiv sein.

Abbrechen – bricht den Vorgang ab und schließt das Dialogfenster.
Fertig – übernimmt deine Änderungen in die Seitenvorschau.

Abbrechen
Galerie
Fertig
BilderOptionen
Anzeigemodus
 Traditionell|
Galerieüberschrift
 ⧼Visualeditor-mwgallerydialog-caption-input-placeholder⧽
Bildbreite
 Standardbreite: 120 Pixel
Bildhöhe
 Standardhöhe: 120 Pixel
Bilder pro Zeile
 
Dateinamen anzeigen
CSS-Klassen
 Klassennamen, leerzeichengetrennt
CSS-Stile
 CSS-Regeln, semikolongetrennt

Anzeigemodus – du kannst das äußere Erscheinungsbild der Galerie einstellen, klicke auf das Pfeilsymbol und wähle aus dem Dropdownmenü die gewünschte Option aus. Dem <gallery>-Tag wird mode="…" hinzugefügt.
Darstellungsvarianten
 Info: Die Diashow sollte nicht oder nur in Ausnahmefällen in Artikeln verwendet werden, gleiches gilt für die Vorlage {{Galerie}}.

  Traditionell

Traditionell
Traditionell ohne Konturen
Gepackt
Gepackt mit überdeckten Beschriftungen
Gepackt mit Beschriftungen beim Darüberfahren
Diashow

Galerieüberschrift – füge eine Titelzeile (Überschrift) oberhalb der Bilder ein. Dem <gallery>-Tag wird caption="…" hinzugefügt.
Galerietitel
Bildbreite und Bildhöhe – sind auf 120×120 Pixel voreingestellt, du kannst hier einen anderen Ziffernwert ohne px angeben, andere Zeichen führen dazu, dass das Eingabefeld einen roten Rand bekommt. Dem <gallery>-Tag wird widths="…" und/oder heights="…" hinzugefügt.
Bildgröße
Bilder pro Zeile – du kannst angeben, ob nach einer vorgegebenen Anzahl an Bildern ein Umbruch erfolgen soll. Bei drei Bildern würde der Wert 1 alle Bilder untereinander stellen. Dem <gallery>-Tag wird perrow="…" hinzugefügt.
Bilder pro Zeile
Dateinamen anzeigenHäkchen fügt zwischen dem Bild und einer Bildbeschreibung zusätzlich den Dateinamen als sichtbaren Link in die Galerie ein. Dem <gallery>-Tag wird showfilename hinzugefügt.
CSS-Klassen und CSS-Stile – Du kannst weitere Einstellungen zu Hintergrundfarben, Ausrichtung oder Schriftgröße vornehmen. Dem <gallery>-Tag wird class="…" oder style="…" hinzugefügt.
Für die Zuweisungen siehe Hilfe:CSS#Klassen und Stile.

Code-Block

Syntaxhervorhebung

Aktivierung über den 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|
tex
text
 
Code
 
 
Zeilennummern anzeigen
Die Sprachangabe ist eine Pflichteingabe für diese Funktion. Anschließend kannst du den Beispielcode in den Codebereich eingeben.

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

 Info: – In dem grauen Feld können dir auch Hinweise oder logische Fehler innerhalb des Codes der ausgewählten Sprache angezeigt werden, da diese Funktion zusätzlich auf einen zugreift.
Abbrechen – bricht den Vorgang ab und schließt das Dialogfenster.
Einfügen – übernimmt deinen Text in die Seitenvorschau.

Ausgabe

Dies ist ein Text, der ohne unterstützte
Programmiersprache, mit Hilfe des Tags
<syntaxhighlight> dargestellt werden soll
</syntaxhighlight>
…</div>
|- class="hintergrundfarbe1"
| Dem Code-Tag <code>&lt;syntaxhighlight&gt;</code> werden die Attribute <code>lang="text"</code> für die Sprache und <code>line="1"</code> für die Zeilennummerierung übergeben.
|}

<h4>Code bearbeiten</h4>
{| class="wikitable hintergrundfarbe2 toptextcells"
|- class="hintergrundfarbe9"
| colspan="4"| [[Datei:VisualEditor-logo.svg|x20px|Logo]]
|-
! Code-Block bearbeiten
|- class="hintergrundfarbe1"
| 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 <span style="color: 
#3366CC;
        
border: #A0A0A0 1px solid; padding: 1px;
       "

>Bearbeiten</span>, um das Dialogfeld aufzurufen. Hier ein kleines Beispiel in der Sprache [[Pascal (Programmiersprache)|Pascal]].
|-
|
<div style="background:#ABCDEF; padding-left: 1em;"><div style="float:right; margin: .5em;"><templatestyles src="MediaWiki-Button/styles.css" /><div class="hintergrundfarbe2" style="border: 1px solid #BBBBBB; border-radius: 3px; font-size: 90%; width: 380px; padding: .2em 0;">
{| style="width: 100%;"
|-
| 
! style="font-weight:normal; text-align:left;"| <span style="white-space:nowrap;padding:0 5px">[[File:OOjs UI icon markup.svg|20px|link=|icon]]</span> Codeblock
| style="float:right;"| <div class="mw-ui-button " style="color:#3366CC;padding: 2px 4px;">Bearbeiten</div>
|}
</div></div><div style="opacity: .6;">
'''<span style="color: 
#006400;
        

       "

>program</span>''' Handbuch(output);<br />
'''<span style="color: 
#006400;
        

       "

>begin</span>'''<br />
<span style="visibility:hidden;">00</span><span style="color: 
#006400;
        

       "

>write</span>(<span style="color: 
#8B0000;
        

       "

>'Lies bitte das Handbuch'</span>);<br />
'''<span style="color: 
#006400;
        

       "

>end.</span>'''
</div></div>

|- class="hintergrundfarbe1"
| Im Dialogfenster wird die Syntaxhervorhebung teilweise mit abweichenden Farben als Vorschau simuliert. Die Codeeingabe wird durch einen Editor unterstützt, der eigene Funktionen bereitstellt.
|-
| <div class="hintergrundfarbe2" style="border: 1px solid #BBBBBB; border-radius: 3px; font-size:90%; width: 380px;">
<templatestyles src="MediaWiki-Button/styles.css" />
{| style="width: 100%;"
|-
| style="width:90px;"|<div class="mw-ui-button " style="padding: 2px 4px;">Abbrechen</div>
! Codeblock
| style="float:right;"| <div class="mw-ui-button mw-ui-progressive" style="padding: 2px 4px;">Fertig</div>
|}

----
{| style="padding: .5em;"
|-
|style="width: 70px;"| Sprache ||style="width: 170px;"| <div  style="width: 95%; border-radius: 3px; padding: 2px .5em 2px .5em; margin-top: 2px; border: solid 1px #999999;">&nbsp;pascal <span style="position:relative; float:right; right: -.6em; top: -3px;"><span  class="mw-ui-button " style="border: 1px solid 
#999999; padding: 2px; border-radius: 2px; font-size: 4px; line-height: 19px; max-width: none;"><span style="font-size:3em; white-space: nowrap;">[[Datei:OOjs UI icon expand.svg|verweis=|16px]]</span></span></span>&#8199;</div>
|&nbsp;
|-
|colspan="3"| Code
|-
|colspan="3"|
{| style="width: 366px; height: 10em; border: 2px solid #0055DD; margin-bottom: .5em; line-height: 1em; border-collapse:collapse;"
|-
|style="background:#EEEEEE;"| ||style="font-family:monospace,Courier;"| <span style="color: 
#00008B;
        

       "

>program</span> Handbuch(output);
|-
|style="background:#EEEEEE; text-align:right;"| [[Datei:OOjs UI icon downTriangle.svg|10px]]&nbsp; ||style="font-family:monospace,Courier;"| <span style="color: 
#00008B;
        

       "

>begin</span>
|-
|style="background:#EEEEEE;"| ||style="font-family:monospace,Courier;"| <span style="visibility:hidden;">00</span> write(<span style="color: 
#006400;
        

       "

>'Lies bitte das Handbuch'</span>);
|- style="background:#EEEEEE;"
|style="width: 25px; background:#DDDDDD;"| ||style="font-family:monospace,Courier;"| <span style="color: 
#00008B;
        

       "

>end.</span>
|-
|style="background:#EEEEEE;"| ||rowspan="4"| &nbsp;
|-
|style="background:#EEEEEE;"|&nbsp;
|-
|style="background:#EEEEEE;"|&nbsp;
|-
|style="background:#EEEEEE;"|&nbsp;
|}
|-
|colspan="3"| <span class="mw-ui-button 
   oo-ui-widget-enabled"
   style="font-size: 1px; max-height: none; min-height: none; max-width: none; min-width: none; display: inline-block; line-height: 1px;
  height: 16px; width: 16px; border-radius: 2px; 
  border:1px solid #999999;"><span style="visibility:hidden;">0</span></span> Zeilennummern anzeigen
|}</div>
|- class="hintergrundfarbe1"
| Im grauen Bereich kann ein kleines Pfeilsymbol darauf hinweisen, dass bei Bedarf eine zusammenhängende Funktion (hier der Inhalt zwischen <code>begin</code> und <code>end.</code>) eingeklappt werden kann.
|-
| Ausgabe
<div style="border: 1px dashed #80D080; margin: .5em; padding: .5em;">
<syntaxhighlight lang="pascal">
program Handbuch(output);
begin
   write('Lies bitte das Handbuch');
end.

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

Diagramme

Hilfe:Graph/VisualEditor

Einzelnachweisliste

Definition und Attribute der Einzelnachweisliste

Aktivierung über den Unterpunkt icon Einzelnachweisliste, der sichtbar wird, wenn du das Menü über die Option icon Mehr weiter ausklappst. Diese Option kann zur Gruppierung von Anmerkungen, Einzelnachweisen oder Fußnoten genutzt werden.

Die oder Anmerkungen der Einzelnachweisliste werden von den Tags <ref></ref> eingeschlossen und an der Stelle aufgelistet, an der ein <references /> im Quelltext steht. Dabei können die Tags über das Attribut group zu Gruppen zusammengeschlossen werden. Den einzelnen Einträgen in der Liste können zudem noch spezifische Namen gegeben werden, insbesondere dann, wenn ein Eintrag mehrfach verwendet werden soll.

Die Deklaration eines Belegeintrags kann beispielsweise so aussehen. <ref group="Anm" name="JohnSmith">Text der Anmerkung</ref>. Das zugehörige Listenelement wäre entsprechend als <references group="Anm" /> im Quelltext anzugeben.

Siehe auch: Gruppierung von Einzelnachweisen und Einzelnachweise mit dem VisualEditor erzeugen

Im VisualEditor legst du den Gruppennamen der Einzelnachweisliste über das Eingabefeld des Dialogfensters fest.

Einzelnachweisliste einfügen

Wenn du einen neuen Beleg für eine Aussage auf einer Seiten gefügt hast und bisher noch keine Liste mit Einzelnachweisen im Text vorhanden ist, musst du sie, möglichst am Ende der Seite, jedoch nicht unterhalb von Navigationsleisten oder der Vorlage:Personendaten, erstellen. Denke daran die Einzelnachweisliste mit einer Überschrift beispielsweise Einzelnachweise zu versehen, wenn sie als Belegliste für den Artikel verwendet wird.

Logo
Eine Einzelnachweisliste an der Cursorposition einfügen
Versuchst du eine Einzelnachweisliste in eine Seite einzufügen, auf der es bisher noch keine Einzelnachweise gibt, so wird an der Cursorposition eine Meldung ausgegeben. Im Seitenquelltext wird dort ein <references />-tag eingefügt.
Auf dieser Seite gibt es keine Einzelnachweise zum Anzeigen in dieser Liste.
icon Einzelnachweisliste
Bearbeiten

Liste allgemeiner Einzelnachweise

Standardmäßig wird deine Liste zunächst als Liste allgemeiner Einzelnachweise deklariert. Klicke nun auf die Schaltfläche Bearbeiten und weise deiner Liste einen spezifischen Gruppennamen zu, indem du ihn in das Eingabefeld eingibst. Solange noch kein Eintrag für deine neue Liste vorhanden ist wird dir eine Meldung angezeigt.
Auf dieser Seite gibt es keine Einzelnachweise mit der Gruppe „Gruppenname“ zum Anzeigen in dieser Liste.
icon Einzelnachweisliste
Bearbeiten

Liste allgemeiner Einzelnachweise

Du kannst zuerst den Anzeigeort für die neue Liste festlegen und anschließend die zugehörigen Listeneinträge (Einzelnachweise) anlegen oder zuerst die Einträge und anschließend die Liste positionieren, falls du beispielsweise Anmerkungen in einer Tabelle einfügen möchtest und diese direkt unterhalb der Tabelle angezeigt werden sollen.

Einzelnachweisliste bearbeiten

Logo
Einzelnachweisliste einer neuen Gruppe zuordnen
Ist in einem Artikel bereits eine Einzelnachweisliste oder eine Liste mit Anmerkungen vorhanden, so kannst du diese anklicken und über Bearbeiten einer neuen oder bereits vorhandenen Gruppierung (Liste) zuordnen. Du kannst hier nicht den Inhalt der Liste oder einzelne Listeneinträge verändern.

[…]

Beispieltext: Dieser Text sollte mit einem Beleg versehen sein.[{{0|​}} 1][{{0|​}} 2]

Diesem Text wurde eine Anmerkung hinzugefügt, diese stellt keinen Beleg dar sondern ist ein Hinweis.[Anm 1]

Einzelnachweise
  1. Beleg für den Text.
  2. Achtung: Andere Quellen geben ein abweichendes Datum an.
icon Einzelnachweisliste
Bearbeiten

Liste allgemeiner Einzelnachweise

Anmerkungen
  1. Anmerkung zum Text.

[…]

Beispieltext: Dieser Text sollte mit einem Beleg versehen sein.[{{0|​}} 1][{{0|​}} 2]

Diesem Text wurde eine Anmerkung hinzugefügt, diese stellt keinen Beleg dar sondern ist ein Hinweis.[Anm 1]

Einzelnachweise
  1. Beleg für den Text.
  2. Achtung: Andere Quellen geben ein abweichendes Datum an.
Anmerkungen
  1. Anmerkung zum Text.
icon Einzelnachweisliste
Bearbeiten

Liste der Einzelnachweise für die Gruppe „Anm“

Klickst du nun auf die Schaltfläche Bearbeiten, so kannst du der Liste einen Gruppennamen geben. Alternativ könntest du einen Namen aus der Auswahl der vorhandenen Namen wählen, was jedoch zu Fehlermeldungen führen kann, da jeder Listeneintrag einer festen Gruppenbezeichnung über das Attribut group zugeordnet ist. Änderst du den Gruppennamen, so musst du auch allen Einträgen der Liste den neuen Namen zuweisen. Die Liste unter einer Überschrift Einzelnachweise sollte der ungruppierten „Liste allgemeiner Einzelnachweise“ <references /> vorbehalten bleiben.
Abbrechen
Einzelnachweisliste
Änderungen speichern
Diese Gruppe verwenden
 |Allgemeine Einzelnachweise
Reagierendes Spaltenlayout verwenden
Dem References-tag wird nun ein Attribut group="Anm" übergeben, dass den Gruppennamen deiner Liste festlegt. Alle Anmerkungen, die du dort anzeigen lassen möchtest kannst du nun dieser neuen Gruppe zuweisen.
Abbrechen
Einzelnachweisliste
Änderungen speichern
Diese Gruppe verwenden
 Anm|

Häkchen Reagierendes Spaltenlayout verwenden

Unterhalb des Eingabefeldes für die Gruppenzuordnung befindet sich eine Auswahloption, mit der bei Bedarf eine einspaltige Darstellung der Einzelnachweisliste auf eine zweispaltige Ausgabe umgestellt werden kann.

Siehe auch: Mehrspaltige Darstellung aller Einzelnachweise und Responsive Webdesign

  • Eine Anordnung nebeneinander bietet sich nur für sehr kurze Anmerkungstexte an und funktioniert erst ab mindestens zehn Anmerkungen innerhalb einer Gruppe.
  • Dem References-tag wird das Attribut responsive hinzugefügt.
Im Dialogfeld wird dir der jeweilige Gruppenname Liste der Einzelnachweise für die Gruppe „Anm“ angezeigt wenn du diesen übernimmst.

Äbbrechen – bricht den Vorgang ab und schließt das Dialogfeld.
Änderungen speichern – übernimmt deine Änderungen in die Seitenvorschau.

Anmerkungen

  1. Es sind auch andere Angaben dort möglich, beispielsweise Public domain
  2. Hier können auch andere Kommentare stehen
  3. Die Bezeichnung Änderungen speichern ist hier irreführend, um die Änderungen tatsächlich zu übernehmen, muss die Seite über die gleichnamige Schaltfläche des Hauptmenüs gespeichert werden.
  4. Diese Information ist nicht sichtbar und dient dazu den Inhalt der Datei für Sehbehinderte zu umschreiben.
  5. Hier wird eine Kurzbeschreibung zum Zweck der Vorlage eingeblendet, wenn diese auf der zugehörigen Vorlagendokumentationsseite angegeben wurde.
  6. 1 2 Hier wird direkt auf die Vorlagenseite verlinkt, um eventuell dort vorhandene Parameterbezeichnungen oder Hinweise lesen zu können.
  7. Sie kann nicht in einen Parameter eingefügt werden, sondern wird direkt vor oder hinter dieser Vorlage in den Quelltext übernommen.
  8. Es können beispielsweise zusätzliche Quellenangaben oder über Zitationsvorlagen eingebundene Einzelnachweise an einer Vorlage angebracht werden.
  9. In der Auswahlliste wird der Hinweistext zum Parameter angezeigt, der ansonsten über das Infosymbol abgerufen werden kann, wenn dieser angegeben wurde.
  10. Während der noch nicht erfolgten Vorlagenersetzung steht hier ein nicht zielführender Link
  11. Nur wenn der VisualEditor in dem Wiki für die Bearbeitung von Diskussionsseiten freigeschaltet wurde.