Hilfe zum Rich Editor

Grundlagen von Rich Editing

Rich editing, auch WYSIWYG genannt (für What You See Is What You Get) bedeutet, dass dein Text so formatiert wird, wie du ihn tippst. Ein Rich Editor erzeugt im Hintergrund den HTML-Code, so dass du dich ganz auf das Schreiben konzentrieren kannst. Schriften, Links und Bilder werden in etwa so dargestellt, wie sie später im Internet erscheinen werden.

WordPress enthält einen Komfort-HTML-Editor, der in allen gängigen Webbrowsern funktioniert. HTML zu bearbeiten ist allerdings etwas anderes als Text zu tippen. Jede Webseite besteht im wesentlichen aus zwei Komponenten: Die Struktur, das ist der eigentliche HTML-Code, diese wird vom Editor bei der Eingabe erzeugt; und die Formatierung, sie wird vom gewählten WordPress-Theme beeinflusst und ist in style.css festgelegt. Zudem erzeugt WordPress gültiges XHTML 1.0, das heißt, die Formatierung kann nicht durch Strukturelemente beeinflusst werden. Man kann nach einem Absatz soviele Zeilenumbrüche (BR-Tags) einfügen, wie man will: Auf der Webseite erhält man dadurch keinerlei vertikalen Leerraum. Die BR-Tags werden durch die interne HTML-Korrektur eliminiert, weil sie ungültig sind.

Bei diesem Editor funktionieren viele Tastenkürzel genau wie in anderen Texteditoren. Zum Beispiel: Umschalt+Enter = Zeilenumbruch einfügen, Strg+C = Kopieren, Strgl+X = Ausschneiden, Strg+Z = Rückgängig, Strg+Y = Wiederholen, Strg+A = Alle auswählen, usw. (Beim Mac ist es die Command-Taste und nicht Strg). Alle Tastenkürzel erfährst du auf der Karte "Hotkeys".

Wenn dir der Rich Editor nicht passt, kannst du ihn im Untermenü "Dein Profil" abschalten, unter Benutzer im Admin-Menü.

Erweiterte WYSIWYG-Schreiboptionen

Bilder und Anlagen

In der Editor-Symbolleiste gibt es eine Schaltfläche, um Bilder einzufügen, die bereits irgendwo im Internet gehostet sind. Wenn du eine URL für ein Bild hast, klick diese Schaltfläche an und gib die URL ein.

Wenn du ein Bild oder eine andere Media-Datei von deinem Computer hochladen möchtest, benutze die Mediathek-Taste über dem Editor. Die Mediathek wird versucht, eine Thumbnail-Grosse Kopie von jedem hochgeladenen Bild zu erstellen. Um dein Bild in den Beitrag einzufügen, klicke zunächst auf das Vorschaubild, um das Menü mit Optionen anzuzeigen. Wenn du die Optionen ausgewählt hast, klicke auf "In den Beitrag einfügen" und das Bild oder die Datei wird in dem gerade bearbeiteten Beitrag eingefügt.

HTML im Rich Editor

Jedes HTML welches direkt in den Rich Editor eingegeben wurde, wird als Text in der Beitragsvorschau angezeigt. Wenn du die HTML-Elemente, welche nicht über den Toolbar-Button erzeugt werden können, musst du ihn in den Text Editor hineinschreiben. Beispielsweise Tabellen und <code>. Klicke den Texttabulator und schreibe den Code, dann wechsel zurück zur Vorschau-Ansicht. Wenn der Code richtig ist und vom Editor angenommen wurde, wird er sofort erkannt.

Übetragen in den Rich Editor

Beim Einfügen von Inhalten, die von anderen Webseiten kopiert wurden, kann die Darstellung widersprüchlich sein. Der Editor versucht ungültigen HTML-Code, der eingefügt wurde, zu korrigieren. Für optimale Kontrolle der Darstellung empfiehlt es sich, den Texteditor oder die speziellen Buttons in der zweiten Editorreihe des WYSIWYG-Modus zu verwenden. Alternativ kannst du Texte Absatz für Absatz einfügen. In den meisten Browsern kannst du absatzweise markieren indem du mit einem "Dreifach-Klick" die zu kopieren Textpassagen markierst.

Um Inhalt von anderen Anwendungen wie Word oder Excel zu kopieren, benutzt du am Besten den 'Von Word kopieren' Button in der zweiten Reihe oder den Textmodus.

Schreiben mit voller Geschwindigkeit

Besser, als mit der Maus in der Toolbar herumzustochern, ist der Einsatz dieser Kurzbefehle. Windows und Linux benutzen Strg + Buchstabe. Beim Mac ist es Command + Buchstabe.

Buchstabe	Aktion	Buchstabe	Aktion
c	Kopieren	v	Einfügen
a	Alle auswählen	x	Ausschneiden
z	Widerrufen	y	Wiederholen
b	Fett	i	Kursiv
u	Unterstreichen	1	Überschrift 1
2	Überschrift 2	3	Überschrift 3
4	Überschrift 4	5	Überschrift 5
6	Überschrift 6	9	Adresse

Die folgenden Kurzbefehle liegen auf anderen Tasten: Alt + Umsch + Buchstabe.

Buchstabe	Aktion	Buchstabe	Aktion
n	Rechtschreibprüfung	l	Linksbündig
j	Blocksatz	c	Zentrieren
d	Durchgestrichen	r	Rechtsbündig
u	• Liste	a	Link einfügen
o	1. Liste	s	Link entfernen
q	Zitat	m	Bild einfügen
w	Ablenkungsfreier Schreibmodus (Vollbild)	t	"Weiterlesen"-Link einfügen
p	Tag für Seitenumbruch einfügen	h	Hilfe

Editor-Breite im freien Schreibmodus

Alt +Ctrl +	Breiter	Alt -Ctrl -	Schmaler
Alt 0Ctrl 0	Standardbreite