Heyho,
und willkommen zur Erläuterung der Funktionen des Editors. Jeder Nutzer des Forums sollte sich mit dem Tool zum Schreiben von Nachrichten auseinander setzen und wissen, welche Möglichkeiten zur Verfügung stehen, seine Beiträge ansehnlich zu gestalten und durch hilfreiche Funktionen zu erweitern.
Dies ist die Standardübersicht des Editors, welche wir in diesem Tutorial betrachten wollen. Die Oberfläche besteht aus mehreren Abschnitten und Elementen, welche ich im Folgenden genauer erläutern werde. Bitte beachtet, dass gewissen Abschnitte/Elemente in bestimmten Bereichen des Forums deaktiviert sein können.
- Menüband
- Eingabefeld - WYSIWYG (beinahe)
- Zusatzfunktionen/Konfiguratoren
- Statistik
- Finalisierung
1. Das Menüband
Das Menüband besteht aus mehreren Elementen:
"Bearbeitungs-Tools" (blau markiert): Dienen zum Bearbeiten des Beitrags und Ändern von Funktionen
"Formatierungs-Tools" (grün markiert): Dienen zum Formatieren des Textes
"Funktions-Tools" (türkis markiert): Dienen zum Einfügen von besonderen Elementen/Zusatzfunktionen in den Editor
Die "Bearbeitungs-Tools"
- HTML-Modus: schaltet den Editor aus der WYSIWYG-Ansicht auf das reine HTML-Format um. Ermöglicht "Manipulationen", welche im Editor selbst nur schwierig/gar nicht möglich sind. Nur empfohlen für Nutzer mit HTML-Kenntnissen!
- Rückgängig: Macht die zuletzt ausgeführte(n) Aktion(en) rückgängig und stellt einen vorherigen Zustand wieder her.
- Wiederholen: Bringt eine "Rückgängig" gemachte Änderung wieder zurück.
- Vollbild: Setzt den Editor in Vollbild-Modus (mehr Platz/Übersicht) oder wieder auf Normalgröße
Die "Formatierungs-Tools"
- Überschrift: Formatiert den Text mit Voreinstellungen als bspw. Überschrift zu einem Absatz oder normalem Text. Gesetzte Standard-Einstellungen lassen sich nicht ändern. Der damit geschriebene Text kann aber weiter formatiert werden.
- Fett: Macht die Schrift dicker und den Text breiter.
- Kursiv: Stellt eine serife (schräge) Schrift her und macht den Text schmaler.
- Unterstreichen: Unterstreicht den Text und hebt ihn so optisch hervor.
- Durchstreichen: Streicht den Text durch und macht ihn schwerer lesbar.
- Tiefgestellt: Erzeugt eine kleinere Textvariation, welche sich am unteren Zeilenrand orientiert. (Fußnoten/Kleingedrucktes)
- Hochgestellt: Erzeugt eine kleinere Textvariation, welche sich am oberen Zeilenrand orientiert. (Anmerkungen)
- Schriftart: Öffnet ein Menü, um weitere Schriftarten zu verwenden.
- Schriftgröße: Öffnet ein Menü, um die Textgröße zu verändern.
- Schriftfarbe: Öffnet ein Menü, um eine andere Farbe für den Text zu verwenden.
Formatierungs-Tools können eine große Hilfe darstellen, um einen Text übersichtlich zu gestalten oder bestimmte Stilelemente zu verdeutlichen. Beachtet aber immer, dass eine zu übertrieben Formatierung auch negative Empfindungen auslösen kann.
- Ein hochgestellter Text in kleinerer Schriftgröße durchgestrichen ist effektiv kaum lesbar.
- Ein Text in Schriftart Comic-Sans MS fett kursiv Schriftgröße 36 und Schriftfarbe rot tut einfach nur in den Augen weh.
- Verschiedene Stile im Forum haben unterschiedliche Hintergrundfarben: Dunkles grau/schwarz, helles grau/weiß, gelb oder stark hellblaue Farbtöne können daher in bestimmten Stilen schwer lesbar/unlesbar werden.
Die "Funktions-Tools"
- Liste: Erzeugt eine ungeordnete Liste (Stichpunkte) oder geordnete Liste (Aufzählung). Durch die Nutzung von Einrücken/Ausrücken lassen sich weitere Ebenen erzeugen und somit Listen "ineinander" verschachteln
- Ausrichtung: Bestimmt die Ausrichtung des Textes am linken Seitenrand/rechten Seitenrand, der Seitenmitte oder über die gesamte Seitenbreite
- Link: Erzeugt eine Verknüpfung. Wird üblicherweise genutzt, um andere Beiträge/News, Nutzerseiten oder externe Webseiten zu verknüpfen.
- Bild: Fügt ein Bild von einer gewünschten Quelle ein und bestimmt das Textverhalten um das Bild herum.
("Externe" Bildquellen sind aus Datenschutzgründen deaktiviert.) - Tabelle: Erzeugt eine Tabelle mit den gewünschten Werten oder "bearbeitet" diese. Die "Größe" der Tabellenfelder wird automatisch angepasst und lässt sich nicht manuell festlegen.
- Zitat: Erzeugt ein Textzitat, in welchem Quelle (Autor) und Link (Herkunft) angegeben werden können.
Handelt es sich bei der Quelle um eine Nutzer des Forums und der Link ist innerhalb des Forums, so wird das Profilbild des Nutzers ebenfalls eingefügt.- Zitate lassen sich inzwischen in mehreren Ebenen ineinander verschachteln.
- Code: Erzeugt einen Code-Absatz, in welchem man diesen in vordefinierter Syntax verdeutlichen kann. (Selten gebraucht)
- Spoiler: Erzeugt einen Button, welcher individuell beschriftet werden kann und beim Anklicken einen "verborgenen" Text-Absatz einblendet.
- Spoiler lassen sich beliebig oft ineinander verschachteln. Nutzt das bitte nicht aus!
- Inline-Code: Erzeugt innerhalb des Textes ein Feld, in welchem der Text als Code dargestellt wird. "Befehle" werden so nicht ausgeführt bzw. besser verdeutlicht.
- News: Bindet einen News-Beitrag ein. Aktuell "ohne Funktion" bzw. nicht mit dem News-System von GrieferGames kompatibel.
- Gespeicherte Antworten: Fügt eigene vordefinierte Texte in den Editor ein. Dieses Tool steht nur bestimmten Nutzern des Forums zur Verfügung und kann beantragt werden. Mehr Informationen im Forum-Changelog Nr. 05.
- Countdown: Fügt einen Text ein, welcher erst ab einem bestimmten Zeitpunkt angezeigt wird.
2. Eingabefeld - WYSIWYG
Der "What-you-see-is-what-you-get"-Editor, zu deutsch: "Was du siehst, ist, was du bekommst"-Editor zeigt die getätigten Änderungen (Funktionen & Formatierungen) direkt an und lässt dich bereits vorab sehen, wie dein Beitrag aussehen wird.
Der Editor hat jedoch Einschränkungen:
- Inline-Code & sowie Countdowns werden als Text-Befehle im BB-Stil innerhalb des Textes angezeigt.
- Spoiler werden wie ein Zitat dargestellt (aufgeklappter Textrahmen). Der Button ist nicht sichtbar.
- Links, welche nicht mit einem Alternativtext versehen sind, bleiben im Klartext stehen.
- Zudem werden bei der Nutzung bestimmter Formatierungs-Kombinationen diese fehlerhaft aktiviert/deaktiviert oder lösen "falsche" Formatierungen mit aus.
- Teilweise lassen sich Formatierungen (Kursiv) nicht mittels Schaltfläche entfernen, sondern nur im HTML-Modus.
Durch das Bearbeitungs-Tool "HTML-Modus" wird der WYSIWYG-Editor in die HTML-Eingabe versetzt. Ein Abspeichern/Senden des Beitrags ist in dieser Ansicht aber nicht möglich.
3. Zusatzfunktionen / Konfiguratoren
- Smileys: Fügt einen Emoticon aus einer von der Administration vorab definierten Liste ein. Im unteren Bereich lässt sich die Smiley-Kategorie ändern und ermöglicht Zugriff auf individuelle Smileys, welche nicht zum Standard-Forum gehören.
- Dateianhänge: Ermöglicht das Hochladen von Textdateien, Dateiarchiven und Bildern.
- Hierbei gibt es Beschränkungen auf Dateiformat und Dateigröße.
- Es können maximal 10 Dateianhänge/Beitrag hochgeladen werden.
- Einstellungen: Ermöglicht das weitere konfigurieren des Themas/Beitrags. Abhängig vom Forenbereich kann man hier diverse Optionen treffen.
- Umfrage: Erstellt eine Umfrage am oberen Bereich des Beitrags. Umfrageoptionen können vom Ersteller hinzugefügt werden (Frage und Antworten, Umfragedauer, Anzahl an Antwortmöglichkeiten, nachträgliche Änderung der Antwort und Ergebnis-Veröffentlichung nach Antwort)
4. Statistik
Zeigt eine Statistik über den aktuell verfassten Beitrag an. In der Regel sind hier die Anzahl an Wörtern, Leerzeichen, sowie die Anzahl an getippten Zeichen und Verbleibenden Zeichen aufgeführt. Die Zeichenbegrenzung in Beiträgen ist normalerweise auf 10.000 Zeichen eingestellt, kann aber abweichen.
5. Finalisierung
Mithilfe des Buttons "Vorschau" kannst du dir in einem Float eine Vorschau des Beitrags ansehen.
- Die Probleme Nummer 1 & 2 aus dem WYSIWYG-Editor werden damit behoben.
- Nr. 3 bleibt weiterhin erhalten.
- Dieser Button sendet deinen Text nicht ab, sondern zeigt nur dir eine Übersicht, wie der Text später im Forum aussehen wird.
- Diese Funktion ist hilfreich, um den Text vor dem Absenden nochmal zu "überprüfen" und ggf. vorliegende Fehler zu finden und dann zu beheben.
Mithilfe des Buttons "Absenden" versendest du den Beitrag und fügst ihn im Forum hinzu.
- Handelt es sich um ein Thema (neuer Thread) ist dieses ab diesem Zeitpunkt unter einer eigenen Thread-ID erreichbar.
- In einigen Forenbereichen kann es sein, dass das Thema erst von einem Teammitglied freigegeben werden muss.
- In einigen Bereichen haben andere Nutzer keinen Zugriff auf deine Threads.
- Handelt es sich um einen Beitrag (Antwort), ist dieses ab diesem Zeitpunkt unter einer eigenen Post-ID erreichbar.
Dieses Tutorial ist Teil einer Tutorial-Reihe! ![]()
Feedback / Verbesserungsvorschläge zu diesem Tutorial bitte als Antwort darunter posten.