HTML-WYSIWYG-Editor

Ein WYSIWYG-Editor, der auf den browserinternen contentEditable- und document.execCommand-APIs aufbaut. Sie tippen in den bearbeitbaren Bereich, formatieren über die Symbolleiste, und das zugrundeliegende HTML wird mit dem Code-Textfeld darunter synchron gehalten. Die Ausgabe entspricht dem, was der Browser erzeugt, daher kann das Markup von handgeschriebenem HTML abweichen.

1. In den Editorbereich klicken und Text eingeben oder auswählen 2. Symbolleistenschaltflächen (B, I, U, S, Listen, Ausrichtung, H1/H2/P) zum Formatieren verwenden 3. Auf die Link-Schaltfläche klicken, um über den URL-Dialog einen Hyperlink einzufügen 4. HTML direkt im Code-Textfeld bearbeiten, um die Vorschau in umgekehrter Richtung zu aktualisieren 5. Auf Kopieren klicken, um das aktuelle HTML in die Zwischenablage zu kopieren

Verfügbare Aktionen: Fett, Kursiv, Unterstrichen, Durchgestrichen; Unsortierte und sortierte Listen; Ausrichtung links/zentriert/rechts; Blockformatierung für H1, H2 und Absatz; Link einfügen (fragt nach URL); horizontale Linie einfügen. Bild-Uploads, Tabelleneinfügungen, Quellcode-Bereinigung oder eine HTML-Sanitizing der Ausgabe werden nicht angeboten.