Ein Rich Text Editor (RTE) ist eine Art Textverarbeitungsprogramm innerhalb eines Content Management Systems/Frameworks, welches aus den Eingaben des Benutzers HTML-Code erzeugt. Sie werden auch WYSIWYG-Editoren bezeichnet. WYSIWYG steht für "What You See Is What You Get" - wenn dem nur so wäre. Diese Art Editoren sind die vielleicht bestgehassten Tools unter den Freunden des gepflegten HTML-Codes. Andererseits geben diese auch Laien die Möglichkeit, Inhalte einer Webseite zu editieren.
Die, in Content Management Systemen, am weitesten verbreiteten Editoren sind TinyMCE und der CKEditor. Diese Anleitung betrachtet nur den TinyMCE:
Links einfügen
Sie können verschiedene Arten von Links im Fließtext einfügen: Links zu anderen Seiten Ihres Webauftrittes, anderen Webseiten, Dateien (z.B. PDF-Dokumenten) und sog. "mailto"-Links (hier öffnet sich eine neue E-Mail an die im Link hinterlegte Adresse).
Um einen Link einzufügen, markieren Sie zunächst den Textteil der zum Link werden soll. Klicken Sie dann in der Funktionsleiste auf das Kettensymbol ,welches jetzt sichtbar wird. Es öffnet sich folgende Box:
Wichtig sind hier die Felder "Adresse", "Seite suchen" und "Fenster".
Um einen Link auf eine Seite ihrer eigenen Webseite zu erstellen:
Geben Sie im Feld "Seite suchen" den Seitentitel ein, der Anfang reicht meistens schon. Es wird Ihnen die Ressource oder eine Ressourcenliste angezeigt, klicken Sie auf die "richtige" (im Zweifel die mit der entsprechenden Nummer, der Seiten-ID, in Klammern, z.B. (1), zu finden im Ressourcenbaum hinter der Ressource). Im Feld "Adresse" sollte jetzt Folgendes erscheinen: ~1. Auf "Einfügen" klicken, fertig.
Einen Link auf eine andere Webseite einfügen:
Geben Sie im Feld "Adresse" den URL der Seite ein (z.B. http://andere-webseite.de/) ein. Wählen Sie im Feld "Fenster" aus, ob die Seite in einem neuen Browserfenster geöffnet werden soll, oder im selben. Im Zweifelsfall belassen Sie die Einstellung wie sie ist. Auf "Einfügen" klicken, fertig.
Einen Link auf eine Datei, z.B. ein PDF-Dokument, einfügen:
Klicken Sie rechts neben dem Feld "Adresse" auf das "Durchsuchen"-Symbol. Im aufgehenden "MODX-Ressourcen Browser" suchen Sie die entsprechende Datei und binden diese mit Doppelklick oder anklicken und "OK" ein. Im Feld "Adresse" sollte jetzt Folgendes stehen: verzeichnispfad/dateiname.pdf. Wählen Sie im Feld "Fenster" "in neuem Fenster öffnen" und klicken Sie auf "Einfügen", fertig.
Einen "mailto"-Link einfügen:
Geben Sie im Feld "Adresse" Folgendes ein: mailto:E-Mailadresse. Also z.B. mailto:beispielname@beispieldomain.de. Klicken Sie auf "Einfügen", fertig.
Im Editor sieht ein fertiger Link dann so aus:
Bei einem "mailto"-Link sollte der Text der E-Mailadresse entsprechen.
Bilder einfügen
Bilder werden ähnlich wie Links eingefügt, über das "Bild einfügen"-Icon in der Funktionsleiste. Sollte Ihre Webseite "responsive" sein (und das sollte sie!), gibt es hier einiges zu beachten. Dies sollten Sie mit Ihrem Entwickler oder Designer besprechen!
Text formatieren
Um Text oder Textabschnitte zu formatieren, werden diese zunächst markiert, und dann über das entsprechende Icon in der Funktionsleiste formatiert. Wie in einem gewöhnlichen Textverarbeitungsprogramm.
Spezielle Formatierungen, passend zum Style oder Layout Ihrer Webseite, können über das Menü "Formate"-"Custom Format" in der Funktionsleiste vorgenommen werden. Das "Formate"-Menü Menü muss jedoch vom Entwickler entsprechend konfiguriert worden sein.
Wenn der Editor dies hergibt, kann es hilfreich sein, besonders wenn es um Umbrüche und Absätze geht, unter "Ansicht", "Blöcke anzeigen" zu aktivieren. Jetzt sehen Sie, ob sie wirklich einen neuen Absatz erzeugt haben oder nur einen Umbruch.
Diese Funktion kann durch den Entwickler auch dauerhaft aktiviert werden.
Umbrüche und Absätze
Um einen "normalen" Umbruch zu erzeugen halten Sie die "Shift"- bzw. "Umschalttaste" gedrückt und drücken "Eingabe-" oder "Enter"-Taste.
Für einen neuen Absatz halten Sie die "Steuerungs-" bzw. "STRG"-Taste gedrückt und drücken "Eingabetaste" oder "Enter"-Taste. Bei manchen Editoren reicht hier auch die "Eingabe-" oder "Enter"-Taste.
Überschriften
Im Menü "Formate"-"Überschriften"der Funktionsleiste finden sich die Überschriften 1-6. Diese dienen dazu, den Text hierarchisch zu gliedern. Den Überschriften ist jeweils eine bestimmte, automatisch aktivierte, Formatierung zugeordnet. Außerdem werden sie im HTML-Quellcode als Überschrift markiert.
Wichtig zu wissen: Überschriften dieser Art werden von Suchmaschinen ausgewertet. Nutzen Sie diese Überschriften nur dazu, den Text logisch zu gliedern. Nicht für andere Zwecke, wie z.B. Hervorhebungen! Außerdem können automatisch in die Seite eingefügte Texte bereits als Überschrift markiert sein. Fragen Sie im Zweifelsfall Ihren Designer oder Entwickler, wie mit Überschriften umzugehen ist.