So nutzt du: HTML zu Markdown
- Füge den HTML-Quellcode in das linke Feld ein – oder kopiere formatierten Text von einer Webseite oder aus einem Dokument und füge ihn ein. Mit aktivierter Option „Rich Text als HTML einfügen“ bleibt die Formatierung erhalten.
- Wähle deinen bevorzugten Markdown-Stil: Überschriftenformat, Aufzählungszeichen, Codeblock-Stil sowie Inline- oder Referenzlinks.
- Lass GFM aktiviert, um
<table>,<del>und Checkbox-Listen in GitHub-Flavored Markdown umzuwandeln. - Kopiere das Ergebnis oder lade es als
.md-Datei herunter.
Was ist ein HTML-zu-Markdown-Konverter?
Ein HTML-zu-Markdown-Konverter liest HTML-Elemente aus und schreibt sie in die einfache Textsyntax von Markdown um: Aus <h2> wird ## , aus <strong> wird **…**, aus <a href> wird [Text](url). Das ist der schnellste Weg, Inhalte aus einem CMS, einem alten Blog oder einer Webseite in ein Git-Repository, einen Static Site Generator (Hugo, Jekyll, Astro, Docusaurus), ein Wiki oder eine Notiz-App wie Obsidian zu übertragen. Dieses Tool nutzt die Open-Source-Bibliothek Turndown mit dem GFM-Plugin und läuft komplett in deinem Browser.
Kopieren von Webseiten, Google Docs und Word
Wenn du Text aus einem Browser oder einer Office-App kopierst, enthält die Zwischenablage neben dem Klartext auch eine HTML-Version. Ist Rich Text als HTML einfügen aktiviert, fügt das Einfügen ins linke Feld dieses HTML ein, sodass Überschriften, fettgedruckter Text, Links und Listen erhalten bleiben. Deaktiviere die Option, wenn du HTML-Quellcode genau so einfügen willst, wie du ihn aus einem Code-Editor kopiert hast.
Beispiel
<h2>Install</h2>
<p>Run <code>npm i</code>, then
read the <a href="/docs">docs</a>.</p>
<ul>
<li>Fast</li>
<li><em>Small</em></li>
</ul>wird zu
## Install
Run `npm i`, then read the [docs](/docs).
- Fast
- _Small_Turndown füllt die Listenmarkierungen auf eine Einrückung von vier Zeichen auf, damit verschachtelte Listen und Listenpunkte mit mehreren Absätzen in jedem Markdown-Parser korrekt ausgerichtet werden.
Optionen erklärt
| Option | Auswahl | Wann verwenden |
|---|---|---|
| Überschriften | # ATX oder Setext (Unterstreichung mit ===/---) | ATX ist der übliche Standard; Setext gibt es nur für h1 und h2. |
| Aufzählungszeichen | -, *, + | Passe es an den Linter deines Projekts an (markdownlint-Regel MD004). |
| Codeblöcke | ```-Zäune, ~~~-Zäune, 4 Leerzeichen Einrückung | Zäune behalten die Sprache bei (aus class="language-js"); eingerückte Blöcke können das nicht. |
| Links | Inline oder im Referenzstil | Referenzlinks halten lange URLs aus Absätzen heraus und listen sie am Ende auf. |
Was nicht konvertiert wird
Markdown kennt keine Syntax für Farben, Schriftarten, Spaltenlayouts, Formulare oder verbundene Tabellenzellen. Styling wird entfernt, <script>- und <style>-Blöcke werden gelöscht, und Tabellen ohne Kopfzeile bleiben als HTML erhalten, da GFM-Tabellen eine Kopfzeile benötigen und nur einfache einzeilige Zellen unterstützen. Verbundene Zellen (colspan/rowspan) lassen sich nicht abbilden. Bereinige unsauberes Markup vorher mit dem HTML-Formatter und prüfe das Ergebnis mit dem Markdown-zu-HTML-Konverter.
Auch gesucht als: html zu webflow rich text, html zu md, html in markdown umwandeln, turndown, rich text zu markdown, webseite zu markdown, html2markdown, gfm tabelle.
Passende Tools zu: HTML zu Markdown
- HTML zu Webflow Rich Text — Füge unsauberes HTML ein, etwa von einer alten Website, einem WordPress-Export, aus Google Docs oder Word.
- HTML-Entity-Encoder — Maskiere < > & ", damit Text sicher in HTML angezeigt werden kann, wandle Akzente und Symbole in benannte oder numerische Entities um oder decodiere HTML mit Entities zurück in Klartext.
- Diff-Checker — Füge die Originalversion und eine geänderte Version ein, um hinzugefügte, entfernte und geänderte Zeilen nebeneinander zu sehen – wobei die genauen Wörter, die sich geändert haben, in jeder Zeile hervorgehoben sind.
- Wortzähler — Füge deinen Text ein oder gib ihn ein, um Wörter und Zeichen in Echtzeit zu zählen – dazu kommen Lese- und Sprechzeit, Schlüsselwortdichte sowie Längenprüfungen für SEO-Titel, Meta-Beschreibungen und Social-Media-Beiträge.
Häufige Fragen
Kann ich das Ergebnis in Webflow einfügen?
Wird mein HTML an einen Server gesendet?
Wie konvertiere ich eine ganze Webseite in Markdown?
Warum ist meine Tabelle noch HTML?
<th> oder <thead>) bleiben als HTML erhalten, was die meisten Markdown-Renderer akzeptieren. Verbundene Zellen, verschachtelte Tabellen und Listen in Zellen lassen sich in GFM gar nicht darstellen.Welches Aufzählungszeichen sollte ich wählen?
- ist die häufigste Wahl und der Standard von Prettier. Nimm das, was der Styleguide oder die markdownlint-Konfiguration deines Projekts erwartet.Werden Bilder konvertiert?
<img src="a.png" alt="Logo"> wird zu , inklusive des title-Attributs, falls vorhanden. Die Bilddateien selbst werden nicht heruntergeladen.