VisualEditor

(Weitergeleitet von Handbuch:VisualEditor)

Der visuelle Editor von BlueSpice basiert auf der MediaWiki-Erweiterung VisualEditor. Mit diesem ausgeklügelten Editor lassen sich Seiten schnell und übersichtlich mit den verschiedensten Inhalten füllen.

Was ist VisualEditor?[Bearbeiten | Quelltext bearbeiten]

Visueller Editor (VisualEditor)
Visueller Editor (VisualEditor)

Der visuelle Editor ist für die Bearbeitung von Wikiseiten optimiert. Wichtige Merkmale und Funktionen sind:

  1. Seitenstrukturierung mit Überschriften
  2. einheitliche Textformatierung
  3. Verlinkung von Inhalten
  4. Einfügen von Spezialinhalten (Dateien/Medien, Tabellen, Vorlagen, Magische Wörter)
  5. Seitenoptionen einstellen


Beim Erstellen oder Bearbeiten einer Seite ist man gleich im visuellen Bearbeitungsmodus. Wer mit der Codesprache von MediaWiki ("Wikitext") vertraut ist und entsprechend im Quelltext der Seite arbeiten möchte, kann über die Funktion "Editor wechseln" bequem umschalten:.

Moduswechsel
Moduswechsel


Textbearbeitung[Bearbeiten | Quelltext bearbeiten]

Typische Textformatierungen wie fett, kursiv, oder Textfarbe sind bereits während der Texteingabe möglich. Wenn Sie mit der Maus Text formatieren, sehen Sie im Anschluß ein Minimenü mit den wichtigsten Formatierungselementen. Mit einem Klick kann die gewünschte Formatierung ausgewählt werden. Dies ist besonders schnell, wenn man zum Beispiel die Textfarbe ändern will:

Changing text colors
Changing text colors

Inhalte über die Zwischenablage einfügen (Strg+Umschalt+v)[Bearbeiten | Quelltext bearbeiten]

rückgängig
rück-gängig

Wenn Sie Inhalte aus Ihrer Zwischenablage einfügen (z. B. aus MS Word oder MS Excel kopiert), fügen Sie normalerweise auch viele unnötige Formatierungs-Tags aus der ursprünglichen Anwendung ein. Um dies zu vermeiden, sollten Sie den Inhalt als Klartext einfügen.

Wenn Sie bereits Text eingefügt haben, der zu einer unerwünschten Formatierung geführt hat, können Sie die Funktion "rückgängig" in VisualEditor verwenden. Dies entefernt den neuen Inhalt, wenn Sie die Seite noch nicht gespeichert haben oder zwischen visueller Bearbeitung und Quelltextbearbeitung gewechselt haben.

Verwenden Sie in die Tastenkombination Strg + Umschalt + v, um den Inhalt stattdessen als Klartext einzufügen.

Shortcuts[Bearbeiten | Quelltext bearbeiten]

Wenn Sie mehrere Formatierungen gleichzeitig anwenden wollen, geht das über Tastaturkürzel oft am schnellsten. Um Text zum Beispiel fett und kursiv anzuzeigen, markieren Sie den Text und drücken Sie die Tastenkombinationen Strg+b (für das Englische "bold") und Strg+i (für "italics"). Auch ein Link lässt sich schnell über Strg+k einfügen. Ein erneutes Drücken von Strg+b hebt den Fettdruck wieder auf. Mehrere Formatierungen lassen sich nach der Textauswahl über Strg+M kombiniert entfernen.

Alle Editor Funktionen, für die es Tastaturkürzel gibt, sind entsprechend gekennzeichnet.


Menüpunkte mit Tastaturkürzeln
Menüpunkte mit Tastaturkürzeln


Hinweis: Eine komplette Liste der Tastaturkürzel finden Sie unter "Tastaturkürzel" im Hilfemenü des Visual Editors (dem Fragezeichen-Menüpunkt).


Externe Inhalte einfügen[Bearbeiten | Quelltext bearbeiten]

Viele typische Seitenelemente wie Bilder, Dateien und Tabellen können Sie über das "Einfügen"-Menü in Ihre Seite einbinden.

  • Dateiformate mit Vorschau-Option: jpg/jpeg, png, gif, pdf
  • Dateien ohne Vorschau-Option werden als Textlink eingebunden (z.B. Office-Formate)
  • Dateien können beim Hochladen direkt im Mediendialog mit Namensräumen und Kategorien verknüpft werden

Wenn Sie mehr zum Einfügen dieser Elemente erfahren möchten, öffnen Sie die entsprechende Hilfeseite:

Typisch Wiki![Bearbeiten | Quelltext bearbeiten]

Einige Funktionen im Menü "Einfügen" sind aus der traditionellen Textverarbeitung wenig bekannt, sind aber ganz typisch für die Arbeit mit einem Wiki. Daher werden Sie hier kurz vorgestellt.

  • Kommentar: Fügen Sie Kommentare in die Seite ein. Diese sind nur im Quelltext sichtbar.
  • Magisches Wort: Wiki Funktionen wie Unterschrift, Wörterzähler, Kategorienbaum oder sogar Prozessdiagramme mit draw.io lassen sich als "magisches Wort" integrieren.
  • Deine Unterschrift: Funktioniert nur auf Seiten, die Unterschriften erlauben. Seiten im Namensraum "Seiten" gehören nicht dazu.
  • Galerie: Eine schlichte Bildergalerie kann so manchen Prozessablauf sinnvoll unterstützen.
  • Codeblock: Programmiercode wird hier sauber in Codeblocks formatiert dargestellt, optional mit Zeilenangaben.
  • Einzelnachweisliste:
  • Chemische Formel: Das Rendering von chemischen Formeln verwendet einen externen Dienst über die REST-API von Wikimedia.
  • Math Formel: Es öffnet sich ein Editor zum Eingeben einer mathematischen Formel. Mehr Info auf MediaWiki

Bearbeitungsmodus wechseln[Bearbeiten | Quelltext bearbeiten]

Beim Erstellen oder Bearbeiten einer Seite wird die Seite im visuellen Bearbeitungsmodus geladen. Wenn Sie mit der einfachen Codesprache von MediaWiki ("Wikitext") vertraut sind, können Sie mit der Schaltfläche "Editor wechseln" in den Quellbearbeitungsmodus wechseln.

Bearbeitungsmodus wechseln
Bearbeitungsmodus wechseln


Hinweis: Ungespeicherte Änderungen können nach dem Wechsel zwischen visueller und Quelltextbearbeitung nicht über die Schaltfläche "rückgängig" wiederhergestellt werden!


MediaWiki Referenz[Bearbeiten | Quelltext bearbeiten]

Da der visuelle Editor eine Standard MediaWiki Erweiterung ist, können Sie auch eine komplette Dokumentation der Funktionalität auf MediaWiki lesen.

Hier im BlueSpice Helpdesk geben wir daher nur kurze Hinweise und Tipps zur Nutzung des Editors.

Funktionen[Bearbeiten | Quelltext bearbeiten]

Im BlueSpice Editor stehen folgende Optionen zur Verfügung:

Textformatierung[Bearbeiten | Quelltext bearbeiten]

Textformatierung
Undo-Funktion
Screenshot: VisualEditor undo funktion

Linker Pfeil: Letzte Aktion rückgängig machen (ausgegraut: es gibt noch keine letzte Aktion)

Rechter Pfeil: Letzte Aktion wiederherstellen (ausgegraut: es gibt noch nichts zum Wiederherstellen)

Absatzformatierung
Screenshot: VisualEditor Absatzformatierung

Hier kann Text als Überschrift oder bestimmter Absatztyp definiert werden.

Hinweis: Wenn Sie in einer Tabelle arbeiten, ändern sich die Optionen entsprechend (Inhaltszelle und Überschriftszelle):


Screenshot: VisualEditor Absatzformatierung in Tabelle

Zeichenformatierung

VE Zeichenformatierung.png

Falls vor dem Klicken auf das "A" und auf eine Schaltfläche kein Text ausgewählt worden ist, wird der Text ab der aktuellen Position des Cursors entsprechend formatiert.

(Mehr Info auf MediaWiki)

Hyperlink einfügen

VE Hyperlink einfügen.png

Wenn kein Text ausgewählt wurde, bevor der Hyperlink Dialog geöffnet wurde, wird der Link mit einer Nummer generiert:

[1] Um die Hyperlink-Beschreibung nachträglich zu ändern, klicken Sie einfach auf den Link, um das Bearbeitungsmenü zu öffnen. In einer Tabelle müssen Sie eventuell erst auf die Zelle doppelklicken und dann noch einmal auf den Hyperlink klicken.

Zitat

VE Zitat.png

Das Zitat-Menü dient dazu, Verweise (auch Einzelnachweise oder Fußnoten genannt) innerhalb des Textes einzufügen.
Struktur

VE Struktur.png

Einfügen spezieller Inhalte[Bearbeiten | Quelltext bearbeiten]

Einfügen spezieller Inhalte
Menü Einfügen
Screenshot: VisualEditor einfügen Befehl

Über das Menü "Einfügen" können Sie verschiedene Medien (Bilder, Videos) und Textformate einfügen:
Medien

VE Medien.png

Einfügen von Bildern und Videos

(Details auf MediaWiki)

Vorlagen

VE Vorlage.png

Eine Vorlage in die Seite einbinden.
Tabellen

VE Tabelle.png

Tabellen sind ein wichtiges Werkzeug, um Seiten ansprechend zu formatieren. Wir haben viele Tipps zur richtigen Nutzung von Tabellen.
Kommentar

VE Kommentar.png

Kommentare sind für Leser nicht sichtbar, sondern nur im Bearbeitungsmodus. Ein Kommentar kann überall auf einer Seite eingefügt werden. Der Kommentar kann durch Anklicken bearbeitet werden. Und so sieht ein Kommentar aus:
Screenshot: Kommentar einfügen

Galerie

VE Galerie.png

Bilder können mit der Galerie Funktion als Bildersatz kombiniert auf einer Seite dargestellt werden.
Magisches Wort

VE Magisches Wort.png

Mit einem "Magischem Wort" können Sie bestimmte Variablen oder sogenannte Verhaltensschalter in Ihrer Seite einbinden. Zum Beispiel können Sie die Wortzahl anzeigen lassen:

Mehr zur Funktion "Magisches Wort".

Übersicht aller Magic Words im visuellen Editor.

Deine Unterschrift

VE Deine Unterschrift.png

Diese Option kann nur in Diskussionen verwendet werden. Hiermit kann an jeder Stelle einer Diskussion die eigene Signatur angefügt werden.
Code-Block

VE Code-Block.png

Mit Codeblock können verschiedene Code-Beispiele eingegeben werden, wie z.B. in HTML-Syntax. Der Code wird dann ordentlich formatiert dargestellt:
<span style="color:red">roter Text</span>
Einzelnachweisliste

VE Einzelnachweisliste.png

Chemische Formel

VE Chemische Formel.png

Das Rendering von chemischen Formeln verwendet einen externen Dienst über die REST-API von Wikimedia.
Math-Formel

VE Math-Formel.png

Es öffnet sich ein Editor zum Eingeben einer mathematischen Formel.

Mehr Info auf MediaWiki

Sonderzeichen

VE Sonderzeichen.png

Seitenoptionen[Bearbeiten | Quelltext bearbeiten]

Seitenoptionen
Optionsmenü
Screenshot: VisualEditor Optionsmenü

Das Optionsmenü erlaubt die Bearbeitung aller Seiteneinstellungen.
Optionen

VE Optionen neu.png

Über diese Schaltfläche können die Seiteneinstellungen und Seiteninformationen innerhalb eines Dialogfensters gleichzeitig aktualisiert werden.
Kategorien

VE Kategorien.png

Hier teilen Sie die Seite den gewünschten Kategorien zu. Die Seite erscheint dann entsprechend auf allen verknüpften Kategorienseiten.
Seiteneinstellungen

VE Seiteneinstellungen.png

Weiterleitung der Seite: Wenn die Seite weitergeleitet wird, wird der Inhalt der Seite nicht mehr angezeigt, sondern es wird direkt die Zielseite geladen.

Über diese Einstellung kann auch das Inhaltsverzeichnis am Seitenanfang angezeigt oder entfernt werden. Das Inhaltsverzeichnis wird automatisch durch die Überschriften auf der Seite generiert. Ab drei Überschriften erscheint das Inhaltsverzeichnis standardmäßig automatisch.

Erweiterte Einstellungen

VE Erweiterte Einstellungen.png

Suchmaschine: Hier kann die Seite von der Indexierung durch die Suchmaschine ausgeschlossen werden.

Abschnitt einfügen: Einstellung für die Abschnittsbearbeitung über die Bearbeiten-Schaltfläche in der Kopfleiste.

Anzeigetitel: Hier kann ein Anzeigetitel eingegeben werden (Displaytitle), der vom Seitennamen abweicht.

Sprachen

VE Sprachen.png

Verwendete Vorlagen

VE Verwendete Vorlagen.png

Zeigt die in der Seite aktiv benutzten Vorlagen.
Als rechts-nach-links ansehen

VE Als rechts-nach-links ansehen.png

Unterstützung für Sprachen, die von rechts nach links gelesen werden. Das Anklicken dieser Schaltfläche formatiert den Seitentext rechtsbündig. Erneutes Anklicken setzt den Text wieder linksbündig.
Suchen und ersetzen

VE Suchen und Ersetzen.png

Wörter oder Zeichen können direkt auf der Seite gesucht und ersetzt werden. Über die Schaltfläche "Rückgängig machen" kann die Änderung aufgehoben werden.

Troubleshooting: Visuelle Bearbeitung ist deaktiviert[Bearbeiten | Quelltext bearbeiten]

Wenn Ihnen nur die Quelltextbearbeitung angezeigt wird, wenden Sie sich bitte an einen Administrator Ihres Wikis. Folgende Einstellungen müssen in diesem Fall überprüft werden:

  • Globale Einstellung über den Konfigurationsmanager
  • Einstellungen in der Namensraumverwaltung
  • Parsoid Dienst auf dem Server

Verwandte Themen

Anhänge

Diskussionen