Huif:Visual Editor

Aus Wikipedia
Zur Navigation springen Zur Suche springen

Den VisualEditor öffnen[Weakln | Am Quelltext weakln]

Um eine Seite mit dem VisualEditor zu bearbeiten, klicke auf die "Werkln"-Schaltfläche oben auf der Seite.

Das Öffnen der der Seite zum Bearbeiten kann einige Sekunden dauern, eventuell länger, falls sie sehr groß ist.

Das Klicken auf "Am Quelltext weakln" öffnet den klassischen Wiki-Quelltexteditor.

VisualEditor - Edit tab-de.png

Du kannst den VisualEditor auch durch das Klicken auf den "Weakln"-Link an jeder Abschnittsüberschrift öffnen.

Wenn du mit der Maus über eine Überschrift fährst, erweitert sich der Link um die Möglichkeit, den klassischen Wiki-Quelltexteditor durch den "Am Quelltext weakln"-Link zum Bearbeiten zu nutzen.

VisualEditor - Section edit links-de.png

Erste Schritte: Die VisualEditor-Werkzeugleiste[Weakln | Am Quelltext weakln]

Die VisualEditor-Werkzeugleiste
Die Werkzeugleiste erscheint ganz oben auf dem Bildschirm, wenn du das Bearbeiten mit dem VisualEditor beginnst. Die Leiste enthält einige bekannte Symbole:

VisualEditor - Toolbar - Undo-redo.png
Rückgängig machen und Wiederholen deiner vorgenommenen Änderungen.

VisualEditor - Toolbar - Headers-de.png
Überschriftenmenü: Ermöglicht dir das Format des Textes zu ändern. Die Standardabschnittsüberschrift ist "Überschrift".

VisualEditor - Toolbar - Formatting-de.png
Formatieren: Das "F" macht den ausgewählten Text fett und das "K" kursiv. Die Kette ist das Verlinkungswerkzeug. Das letzte Symbol ("Entfernen") entfernt jegliche Formatierung des ausgewählten Textes.

VisualEditor - Toolbar - Lists and indentation.png
Listen & Einrückungen: Die beiden ersten Symbole erlauben dir, nummerierte Listen oder Aufzählungen zu erstellen. Die beiden letzten ermöglichen das Vergrößern oder Verkleinern des Texteinzuges.

VisualEditor - Toolbar - Media, references, transclusions.png
Medien, Einzelnachweise & Vorlageneinbindungen: Jedes Symbol öffnet ein separates Dialogfenster:
  • Das "Bilder und Medien"-Symbol (ein Bild mit Bergen) öffnet den Medien-Dialog.
  • Das "⧼visualeditor-dialogbutton-referencelist-tooltip⧽"-Symbol (drei Bücher) öffnet einen Dialog zum Anzeigen von Einzelnachweisen.

VisualEditor - Toolbar - Page settings-de.png
Die Optionen ermöglichen dir zur Zeit, die Kategorien zu bearbeiten und die mit dieser Seite verknüpften Links zu anderen Sprachversionen aufzulisten.

VisualEditor - Toolbar - Cancel-save-de.png
Abbrechen oder Speichern deiner Änderungen.


Änderungen speichern[Weakln | Am Quelltext weakln]


Wenn du mit dem Bearbeiten fertig bist, klicke auf die grüne "⧼Visualeditor-toolbar-savedialog⧽"-Schaltfläche in der Werkzeugleiste. Der Button kann nicht angeklickt werden, wenn keine Änderungen gemacht wurden.
VisualEditor - Toolbar - Cancel-save-de.png

Das Klicken auf den grünen "⧼Visualeditor-toolbar-savedialog⧽"-Button öffnet ein Fenster, in dem du eine kurze Zusammenfassung deiner Änderungen eingeben, die Änderung als klein markieren und auswählen kannst, die Seite zu beobachten.

Die Zahl zeigt an, wie viele Zeichen du noch als Zusammenfassung eingeben kannst. Du kannst deine Änderungen vor dem Speichern überprüfen, um sicherzugehen, dass keine Fehler aufgetreten sind.

VisualEditor.save-de.png


Links bearbeiten[Weakln | Am Quelltext weakln]


VisualEditor - Toolbar - Formatting - Link-de.png
Links können durch das "Link"-Symbol (Kettenglieder) in der Werkzeugleiste oder durch die Tastenkombination Ctrl+K (oder Command+K auf einem Mac) hinzugefügt werden.

Wenn du Text markierst oder den Textcursor in einem Wort platziert, wird das Drücken des "Link"-Symbols einen Link auf diesen Text einfügen.


VisualEditor - Link editing inline 2.png
Egal ob du die Schaltfläche oder die Tastenkombination genutzt hast, wird sich ein Dialog öffnen, in den du den Link (intern oder extern) eingeben kannst. Der VisualEditor wird versuchen, dich bei internen Wikilinks zu unterstützen, indem er beim Tippen nach möglichen Übereinstimmungen sucht.

Nachdem du einen Link eingegeben oder ausgewählt hast, kannst du Enter drücken, auf den Bereich außerhalb des Dialogs oder auf das Schließ-Symbol (<) klicken. Der Link wird bereits auf der Bearbeitungsseite erscheinen, ist aber erst mit dem Speichern der Seite fest eingetragen.


VisualEditor - Link editing inline.png
Um einen bestehenden Link zu ändern oder entfernen, klicke auf den Link und dann auf das "Link"-Symbol, das in der Nähe erscheint. Du kannst auch auf das gleiche Symbol in der Werkzeugleiste klicken oder die Tastenkombination Ctrl+K benutzen, während der Cursor im Linktext ist.

Nun kannst du das Linkziel bearbeiten oder den gesamten Link durch das Anklicken des "Entfernen"-Symbols (einen Abfalleimer) in der oberen rechten Ecke des Dialogs entfernen.


Bilder und andere Mediendateien bearbeiten[Weakln | Am Quelltext weakln]

Zum Hinzufügen eines Bildes (oder einer anderen Mediendatei) zur Seite musst du auf das "Medien"-Symbol in der Werkzeugleiste (ein Bild mit Bergen) klicken.
VisualEditor - Media editing 1.png

Das Klicken auf das "Medien"-Symbol öffnet ein Dialogfenster, das automatisch auf Wikimedia Commons nach Dateien sucht, die in Beziehung zur Seite stehen, die du gerade bearbeitest.

Durch das Ändern des Textes im Suchfeld kannst du nach anderen Mediadateien suchen.

Klicke auf ein Miniaturbild, um die Datei auszuwählen.

VisualEditor - Media editing 2.png

Nach dem Einfügen ist das Bild ausgewählt (es erscheint blau). Du kannst die Größe mit den Anfassern an den Ecken ändern und per Drag&Drop an den gewünschten Ort auf der Seite verschieben.

Klicke auf das "Medien"-Symbol am Bild oder auf das in der Werkzeugleiste, um eine Beschriftung hinzuzufügen.

VisualEditor - Media editing 3.png

Das Medien-Fenster ermöglicht das Hinzufügen und Bearbeiten von Dateibeschreibungen. Sie können formatiert und mit Links versehen werden.
VisualEditor - Media editing 6.png

Wenn du mit dem Bearbeiten fertig bist, klicke auf "Änderungen speichern", um zum Seiteneditor zurückzukehren.
VisualEditor - Apply changes-de.png


Einzelnachweise bearbeiten[Weakln | Am Quelltext weakln]


Einen bestehenden Einzelnachweis bearbeiten[Weakln | Am Quelltext weakln]


VisualEditor - Editing references 1.png
Um einen bereits bestehenden Einzelnachweis zu bearbeiten, musst du zuerst die Quellen-Nummer im Text anklicken. Dann kannst du entweder das erscheinende Symbol anklicken, oder du wählst den entsprechenden Eintrag in der Werkzeugleiste an.

VisualEditor - Editing references 6.png
Ein Klick auf das "Einzelnachweis"-Symbol öffnet ein Fenster mit einem Mini-Editor, in dem du den Einzelnachweistext bearbeiten kannst.

Du kannst es ganz normal formatieren, indem du beispielsweise Kursivschrift oder Links hinzufügst.


VisualEditor - Editing references 3.png
Viele Wikis benutzen Vorlagen, um Einzelnachweise einheitlich darzustellen. Der VisualEditor färbt bei Quellen, die Vorlagen verwenden, diese bei Klick blau ein.

Um den Inhalt einer Vorlage zu bearbeiten, ist ein Klick auf das Vorlageneinbindungs-Symbol (Puzzleteil) nötig.


VisualEditor - Editing references 5.png
Mit einem Klick auf das Vorlageneinbindungs-Symbol (Puzzleteil) kannst du die Parameter der Vorlage ändern.

VisualEditor - Apply changes-de.png
Klicke auf "Änderungen speichern", wenn du fertig bist, und du kommst zurück zum Einzelnachweiseditor.

Wenn du mit dem Bearbeiten fertig bist, kannst du erneut auf die Speicher-Schaltfläche klicken, um zur Seite zurückzugelangen.


Einen bestehenden Einzelnachweis wiederverwenden[Weakln | Am Quelltext weakln]


VisualEditor - Toolbar - Reference.png
Wenn die Seite bereits Einzelnachweise enthält und einige davon zum Textabschnitt passen, kannst du diese erneut verwenden.

Um einen Einzelnachweis mehrmals zu benutzen, musst du den Cursor an der gewünschten Stelle platzieren und auf das Einzelnachweis-Symbol in der Werkzeugleiste klicken.


VisualEditor - Editing references 18.png
Bei vielen Einzelnachweisen auf einer Seite kannst du sie nach einem bestimmten Text durchsuchen und anschließend auswählen.

Einen neuen Einzelnachweis hinzufügen[Weakln | Am Quelltext weakln]


VisualEditor - Toolbar - Reference.png
Um einen neuen Einzelnachweis hinzuzufügen, positioniere den Cursor (die Eingabemarkierung) an die Stelle, wo du ihn hinzufügen möchtest, und klicke auf das "Einzelnachweis"-Symbol (ein Lesezeichen) in der Werkzeugleiste.

VisualEditor - Editing references 19.png
Wähle "Neue Quelle erstellen".

VisualEditor - Editing references 20.png
Im Einzelnachweiseditor kannst du den Einzelnachweistext hinzufügen, bearbeiten und formatieren.

Es ist möglich, die Quelle einer bestimmten Gruppe zuzuordnen. Damit können Einzelnachweise gruppiert angezeigt werden.


VisualEditor - Editing references 7.png
Wenn du einen neuen Einzelnachweis hinzufügst und dabei Vorlagen verwenden möchtest, musst du das Vorlagen-Symbol in der Werkzeugleiste des Quellen-Editors anklicken.

VisualEditor - Editing references 9.png
Danach kannst du die Vorlage wie im normalen Modus hinzufügen und anschließend bearbeiten.

Klicke auf "Änderungen speichern", um zum Einzelnachweiseditor zurückzukehren, und dann nochmal "Änderungen speichern" um zur Seite zu kommen.


VisualEditor - Editing references 10.png
Wenn noch keine Einzelnachweisliste auf der Seite vorhanden ist (beispielsweise, wenn du den ersten Einzelnachweis hinzufügst), musst du sie ergänzen, damit deine Einzelnachweise angezeigt werden.

Wähle dir die Stelle aus, an der die Einzelnachweise angezeigt werden sollen, und klicke anschließend auf das Einzelnachweislisten-Symbol (drei Bücher), um die Liste hinzuzufügen.


VisualEditor - Editing references 11.png
Um eine einfache Einzelnachweisliste zu ergänzen, ist nur ein Klick auf Änderungen speichern erforderlich.

Wenn du die Einzelnachweise gruppiert hast, kannst du eine Gruppe im Fenster angeben, um nur deren Quellen anzeigen zu lassen.


Vorlagen bearbeiten[Weakln | Am Quelltext weakln]

Um eine Vorlage auf der Seite einzufügen, kannst du den Cursor an die gewünschte Stelle setzen und anschließend auf das Vorlagen-Symbol (Puzzleteil) klicken.
VisualEditor - Toolbar - Transclusion.png

Gib den Namen der einzufügenden Vorlage ein und klicke dann auf Vorlage hinzufügen.
VisualEditor - Template editing 4.png

Das Bearbeiten bereits eingebundener Vorlagen ist durch Anklicken der Vorlage und anschließendem Klick auf das Vorlagen-Symbol (Puzzleteil) möglich.
VisualEditor - Template editing 1.png

Beim Hinzufügen oder Bearbeiten von Vorlagen öffnet sich das Vorlageneinbindungs-Fenster, in dem die Vorlagenparameter mit ihren Werten dargestellt werden.

Es ist möglich, Parameter hinzuzufügen und bereits bestehende zu bearbeiten.

VisualEditor - Template editing 2.png

Um einen Parameter zu ändern, musst du ihn auswählen und kannst seinen Wert anschließend im Feld daneben bearbeiten.
VisualEditor - Template editing 3.png

Wenn eine Vorlage andere Vorlagen beinhaltet, dann werden diese eingebetteten Vorgalen als Parameter angezeigt. Diese können entfernt und bearbeitet werden, indem ihre Namen angeklickt werden.

Neue eingebettete Vorlagen können hinzugefügt werden, indem den Schritten zur Hinzufügung von Parametern gefolgt wird. Möglicherweise musst du die Vorlagenbeschreibung überprüfen, um herauszufinden ob die eingebettete Vorlage unterstützt wird.

VisualEditor - Template editing 5.png

Wenn du mit dem Bearbeiten fertig bist, klicke auf "Änderungen speichern", um zum Seiteneditor zurückzukehren.
VisualEditor - Apply changes-de.png

Substitution von Vorlagen[Weakln | Am Quelltext weakln]


Wenn eine Vorlage substituiert werden muss, füge subst: (inklusive Doppelpunkt) vor den Vorlagennamen ein.

Die Autovervollständigung funktioniert nicht mit subst:; Wenn du Funktion benutzten möchtest, füge subst: erst ein, nachdem du die gesuchte Vorlage gefunden hast.

Klicke dann auf den grünen "Vorlage hinzufügen"-Button.

VisualEditor - Template editing 7.png

Füge beliebige Parameter wie gehabt hinzu und klicke auf "Änderungen speichern".
VisualEditor - Template editing 6.png

In dieser ersten Phase wird dir die Vorlage nicht als seitenfüllend angezeigt.

Nachdem du deine Änderungen vorgenommen hast und speicherst, wird sich die Oberfläche der Vorlage vorändern um der Veränderung Rechnung zu tragen.

VisualEditor - Template editing 8.png


Kategorien bearbeiten[Weakln | Am Quelltext weakln]


VisualEditor - Toolbar - Page settings-de.png
Zum Bearbeiten der Kategorien einer Seite, klicke auf den "Optionen"-Button in der Werkzeugleiste.

VisualEditor - Category editing 1.png
Der "Optionen"-Button öffnet ein Dialog, welche die vorhandenen Kategorien auflistet und dir ermöglicht neue hinzuzufügen.

Dort ist auch eine Option, um den Sortierschlüssel der Seite zu ändern, welche für die Sortierung auf den Kategorie-Seiten genutzt wird.


VisualEditor - Category editing 3.png
Um eine neue Kategorie hinzuzufügen, gebe ihren Namen in das Feld "Eine Kategorie hinzufügen" ein. Du kannst entweder eine neue Kategorie erstellen oder eine bestehende auswählen.

VisualEditor - Category editing 2.png
Um eine bestehende Kategorie zu entfernen, klicke auf sie und dann in dem sich öffnenden Dialog auf das "Entfernen"-Symbol (einen Abfalleimer).

Du kannst auch einen Sortierschlüssel für eine spezifische Kategorie festlegen. Dies überschreibt den allgemeinen Sortierschlüssel.


VisualEditor - Apply changes-de.png
Klicke auf "Änderungen speichern", wenn du fertig mit dem Bearbeiten der Kategorien bist, um zum Seiteneditor zurückzukehren.


Tastenkürzel[Weakln | Am Quelltext weakln]


Viele Benutzer sind gewöhnt Wikitextformatierungen direkt einzugeben, insbesondere Fett-/Kursivschrift und Wikilinks. Tastenkombinationen erlauben das schnelle Einfügen ähnlicher Formatierungen ohne dafür auf die Werkzeugleistensymbole zu klicken. Allgemeine Tastenkombinationen und welche, die von anderen Texteditor genutzt werden, für den VisualEditor:

Tastenkombination (PC) Funktion Tastenkombination (Mac)

Ctrl+B Fett Cmd+B

Ctrl+I Kursiv Cmd+I

Ctrl+K Link einfügen Cmd+K

Ctrl+X Ausschneiden Cmd+X

Ctrl+C Kopieren Cmd+C

Ctrl+V Einfügen Cmd+V

Ctrl+Z Rückgängig machen Cmd+Z