Kurzanleitung HTML-Editor (Tinymce)

Generell

Tinymce ist ein oft verwendeter HTML-Editor. Er ist ähnlich bedienbar wie ein Textverarbeitungsprogramm. Er übersetzt den HTML-Quellcode in ein lesbares Format und Änderungen wieder zurück in HTML.

Tipps

• Niemals Code aus Word mittels Copy/Paste direkt einfügen, sondern immer das entsprechende Icon verwenden:
  (entfernt alle Formatierungen) oder (übernimmt gewisse Formatierungen)
• <Enter> oder <Return> erzeugt einen neuen Absatz (HTML: <p></p>) oder in Listen ein neues Listenelement (HTML: <li></li>).
• <Shift> + <Enter> erzeugt nur einen Zeilenvorschub (HTML: <br />), auch innerhalb von Listen

Bedienungselemente

Eine Beschreibung der wichtigsten Bedienungselemente in Tinymce und deren Funktion.

	Markierter Text wird fett
	Markierter Text wird italic (schräg gestellt)
	Markierter Text wird durchgeschrichen
	Markierter Text wird tiefer gestellt
	Markierter Text wird hochgestellt
	Schriftfarbe wählen
	Hintergrundfarbe wählen
	Sonderzeichen einfügen
	Quellcode aufräumen
	Formatierungen zurücksetzen
	Vorschau
	HTML-Quellcode bearbeiten
	Vollbildschirm-Modus ein- und ausschalten
	Ausschneiden. Verschiebt den markierten Bereich in den Zwischenspeicher
	Kopieren. Kopiert den markierten Bereich in den Zwischenspeicher
	Einfügen. Fügt den Zwischenspeicher an der aktuellen Cursorposition ein
	Als normalen Text einfügen. Enfernt sämtliche Formatierungen aus dem eingefügten Text. Gut geeignet um Text aus Word zu übernehmen.
	Mit Formatierungen aus Word einfügen. Versucht, Formatierungen aus Word in HTML zu konvertieren.
	Linksbündig. Fügt die CSS-Eigenschaft {float:left;} dem markierten Bereich hinzu oder dem Element, in dem der Cursor steht
	Zentriert. Fügt die CSS-Eigenschaft {text-align: center;} dem markierten Bereich hinzu oder dem Element, in dem der Cursor steht
	Rechtsbündig. Fügt die CSS-Eigenschaft {float: right;} dem markierten Bereich hinzu oder dem Element, in dem der Cursor steht
	Blocksatz. Fügt die CSS-Eigenschaft {text-align: justify;} dem markierten Bereich hinzu oder dem Element, in dem der Cursor steht
	Unsortierte Liste. Erstellt aus den markierten Zeilen eine unsortierte Liste (<ul></ul>). <ENTER> Ein neues Listenelement wird angefügt. <SHIFT>+<ENTER> fügt eine neue Zeile im gleichen Listenelement hinzu. <ENTER><ENTER> Beendet die Liste und fügt eine Zeile unterhalb der Liste hinzu.
	Sortierte (nummerierte) Liste. Erstellt aus den markierten Zeilen eine nummerierte Liste (<ol></ol>). <ENTER> Ein neues Listenelement wird angefügt. <SHIFT>+<ENTER> fügt eine neue Zeile im gleichen Listenelement hinzu. <ENTER><ENTER> Beendet die Liste und fügt eine Zeile unterhalb der Liste hinzu.
	Link erstellen. Gewünschten Inhalt markieren und anschliessend auf das Symbol klicken. Im Feld "Adresse" die gewünschte URL angeben.
	Link entfernen. Cursor auf den Link stellen und anschliessend auf das Symbol klicken