Was ist ein WYSIWYG Editor?
WYSIWYG (What You See Is What You Get) ist eine Art von Editor, der Inhalte während der Bearbeitung in einer Form anzeigt, die der endgültigen Ausgabe ähnelt. Dieses Tool bietet einen Rich Text Editor mit Tiptap und ProseMirror, der sauberes, semantisches HTML ausgibt. Es unterstützt gängige Formatierungsoptionen wie Überschriften, fett, kursiv, Listen, Codeblöcke, Blockquoten und horizontale Regeln.
Wie man diesen WYSIWYG Editor verwendet
- 1Geben Sie Inhalt ein oder fügen Sie ihn in den Editorbereich ein.
- 2Verwenden Sie die Symbolleistenschaltflächen, um Text zu formatieren: fett, kursiv, Strikethrough, Überschriften, Listen usw.
- 3Umschalten von Überschriften mit H1, H2, H3 Tasten.
- 4Fügen Sie Codeblöcke, Blockquotes und horizontale Regeln aus der Symbolleiste hinzu.
- 5Aktivieren Sie HTML-Ausgabe anzeigen, um den generierten HTML-Code anzuzeigen.
- 6Kopieren Sie die HTML-Ausgabe mit der Schaltfläche HTML kopieren.
Häufige Anwendungsfälle
Erstellen Sie HTML-E-Mail-Inhalte
Schreiben Sie formatierte Inhalte und kopieren Sie das HTML zur Verwendung in E-Mail-Vorlagen.
Blog Post HTML erstellen
Entwerfen Sie Blog-Posts mit Formatierung und Exportieren von sauberem HTML für Ihr CMS.
Schnelle Rich Text Bearbeitung
Formatieren Sie Textinhalte visuell, ohne HTML von Hand zu schreiben.
Häufig gestellte Fragen
Welche Formatierungsoptionen stehen zur Verfügung?
Fett, kursiv, Strikethrough, Inline-Code, Überschriften (H1-H3), Aufzählungslisten, geordnete Listen, Codeblöcke, Blockquotes, horizontale Regeln, Rückgängigmachen und Redo.
Ist der HTML-Ausgang sauber?
Ja. Der Editor wird von Tiptap / ProseMirror unterstützt, der sauberes, semantisches HTML ohne unnötige Wrapper oder Inline-Stile erzeugt.