Rich-Text HTML Eingabe
Rohes HTML aus der Quellcode-Ansicht Ihres WYSIWYG-Editors einfügen
Konvertieren Sie WYSIWYG-Editor-HTML in sauberes Markdown — unterstützt 6 Editoren
Rich-Text-Editoren erzeugen HTML mit Editor-spezifischem Markup — proprietäre Klassen, data-Attribute, Inline-Styles und Wrapper-Elemente. Dieses HTML ist an einen bestimmten Editor und ein CMS gebunden. Markdown ist das Gegenteil: ein reines Textformat, das auf jeder Plattform portabel ist, im Rohformat lesbar bleibt und perfekt mit Versionskontrolle funktioniert (Git-Diffs sind sauber und aussagekräftig).
Entwickler und Content-Teams migrieren aus drei Gründen zu Markdown: Portabilität (Inhalte zwischen Plattformen ohne Neuformatierung verschieben), Entwicklererfahrung (Dokumentation parallel zum Code im selben Editor schreiben) und Zukunftssicherheit (Markdown von 2004 wird heute noch perfekt gerendert; HTML, das an einen Editor von 2018 gebunden ist, möglicherweise nicht).
| Editor | Verwendet von | HTML-Eigenheiten | Migrationsaufwand |
|---|---|---|---|
| TinyMCE | WordPress Classic, Joomla, Drupal | mce-*-Klassen, data-mce-*-Attribute, umschließt Inhalt mit <p> | Einfach |
| CKEditor 4/5 | Drupal, Magento, individuelle Apps | cke_*-Klassen, <figure>-Bildwrapper, <oembed>-Einbettungen | Einfach–Mittel |
| Quill | Moderne Web-Apps, Notion-ähnliche Editoren | ql-*-Klassen, .ql-indent-N, .ql-align-*, verschachtelte <span> für Formatierung | Mittel |
| WordPress Gutenberg | WordPress 5.0+ | <!-- wp:paragraph -->-Kommentare, wp-block-*-Klassen, has-*-Utility-Klassen | Mittel |
| UEditor (Baidu) | Chinesische CMS, Unternehmens-Apps | list-paddingleft-*-Klassen, _src-benutzerdefinierte Attribute, Entfernung von style-Tags | Einfach |
Schritt 1 — Exportieren. Extrahieren Sie den HTML-Inhalt aus Ihrem aktuellen CMS oder Editor. Verwenden Sie für WordPress das native Export-Tool. Für individuelle Apps fragen Sie die Datenbank direkt ab. Speichern Sie die rohen HTML-Dateien — ändern Sie noch nichts.
Schritt 2 — Auswählen & Konvertieren. Wählen Sie Ihren Editor aus dem obigen Dropdown-Menü, um Editor-spezifische Bereinigungsregeln zu aktivieren. Fügen Sie das HTML jedes Artikels ein und kopieren Sie die Markdown-Ausgabe. Der Konverter entfernt mce-*-, cke_*-, ql-*- und wp-block-*-Klassen automatisch.
Schritt 3 — Validieren. Überprüfen Sie das konvertierte Markdown stichprobenartig. Bilder sollten die -Syntax verwenden. Listen sollten eine einheitliche Einrückung haben. Codeblöcke sollten eingefasste ```-Trennzeichen verwenden. Tabellen sollten in Ihrer Markdown-Vorschau korrekt dargestellt werden.
Schritt 4 — Importieren. Legen Sie die .md-Dateien in Ihrem statischen Seitengenerator ab (Hugo, Jekyll, Astro, Next.js, VitePress). Fügen Sie am Anfang jeder Datei Frontmatter für Titel, Datum und Tags hinzu.
Markdown ist nicht immer die richtige Wahl. Wenn Ihre Inhalte auf komplexe Tabellenlayouts (colspan/rowspan), benutzerdefinierte HTML-Einbettungen oder präzises Inline-Styling angewiesen sind, geht bei der Konvertierung die Genauigkeit verloren. Behalten Sie in diesen Fällen das HTML und verwenden Sie ein CMS, das rohes HTML neben Markdown rendert — die meisten statischen Seitengeneratoren unterstützen beides.
Wählen Sie Ihren Editor-Typ aus dem Dropdown-Menü, wechseln Sie zur Quellcode-/HTML-Ansicht Ihres Editors, kopieren Sie das rohe HTML und fügen Sie es hier ein. Der Konverter entfernt Editor-spezifisches Markup (TinyMCEs mce-*, CKEditors cke_*, Quills ql-*, WordPress-Block-Kommentare, UEditor-Padding-Klassen) und gibt sauberes Markdown aus.
TinyMCE, CKEditor 4/5, Quill, WordPress Block-Editor (Gutenberg) und Classic Editor, UEditor (Baidu) sowie generisches/unbekanntes HTML. Jeder hat maßgeschneiderte Bereinigungsregeln. Wenn Ihr Editor nicht aufgeführt ist, liefert „Generisches HTML" dennoch gute Ergebnisse mit der standardmäßigen Turndown.js-Konvertierung.
Ja. Wählen Sie „WordPress" aus dem Editor-Dropdown. Der Konverter entfernt <!-- wp:... -->-Block-Kommentare, wp-block-*-Klassen und Inline-Styles sowohl aus der Gutenberg- als auch aus der Classic-Editor-Ausgabe. Das resultierende Markdown funktioniert direkt mit Hugo, Jekyll, Astro und anderen statischen Seitengeneratoren.
Stellen Sie sicher, dass Sie den richtigen Editor aus dem Dropdown-Menü ausgewählt haben. Jeder Editor hat spezifische Bereinigungsregeln. Wenn Sie „Generisches HTML" auswählen, wird keine Editor-spezifische Bereinigung angewendet. Wechseln Sie zu Ihrem tatsächlichen Editor, und der Konverter entfernt dessen proprietäres Markup.
Pandoc ist ein leistungsstarkes Kommandozeilen-Tool, hat jedoch keine Kenntnis von Editor-spezifischem Markup — es kann TinyMCEs mce-item-Klassen oder Quills ql-indent-Attribute nicht entfernen. Dieses Tool fügt eine Editor-bewusste Vorverarbeitung vor der HTML-zu-Markdown-Konvertierung hinzu und läuft ohne Einrichtung in Ihrem Browser.
Bilder werden in die -Syntax konvertiert, wobei die ursprünglichen src- und alt-Attribute erhalten bleiben. Eingebettete Medien (oEmbed, iframes) werden in einen Markdown-Link konvertiert, der auf die Medien-URL verweist. Möglicherweise müssen Sie temporäre oder CDN-URLs nach der Migration manuell durch Ihre endgültigen Bildpfade ersetzen.