Dokumentation migrieren
Übernimm HTML-Seiten in ein Repository oder einen Markdown-Website-Generator.
HTML zu Markdown
Wandle Überschriften, Absätze, Links, Listen, Zitate und Code aus HTML in Markdown um, ohne deinen Inhalt an einen Server zu senden.
- Zwischenablage
- Export
Daten werden nicht gesendet
Erzeugtes Markdown
War dieses Werkzeug hilfreich?
Wie funktioniert dieses Tool?
Wandle HTML in gut lesbares Markdown um, um den Inhalt einer Webseite, einer E-Mail oder eines CMS-Exports in ein Format zu bringen, das sich leicht bearbeiten, versionieren oder in einer Dokumentation veröffentlichen lässt. Überschriften, Absätze, Listen, Links, Bilder, Zitate und Codeblöcke bleiben erhalten; Layout-Tags werden entfernt. Alles passiert in deinem Browser.
Zuerst werden <script>- und <style>-Tags samt Inhalt entfernt. <pre>-Blöcke (mit oder ohne <code>) werden zu ```-Blöcken, deren Inhalt dekodiert und unverändert übernommen wird: Ein <div> in einem Codebeispiel wird wieder zu <div>, statt wie ein Tag entfernt zu werden.
Die Überschriften <h1> bis <h6> ergeben # bis ######, <strong> und <b> **fett**, <em> und <i> *kursiv*, <code> Inline-Code, <a href> einen Link [Text](Adresse) und <img> ein Bild , auch ohne alt-Attribut. <ul>-Listen ergeben Aufzählungszeichen „-“; <ol>-Listen werden ab 1 oder ab dem Wert ihres start-Attributs nummeriert. <blockquote> wird zum Zitat, <hr> zur Trennlinie und <br> zum Zeilenumbruch.
Container (div, section, article, Tabellen …) werden entfernt und durch Absatztrennungen ersetzt; HTML-Entitäten (&, , é …) werden dekodiert. Tabellen werden nicht in Markdown-Tabellen umgewandelt: Ihre Zellen werden zu Text, den du neu formatieren musst.
So verwenden Sie dieses Tool
HTML einfügen
Gib den Code in das Feld „HTML-Quelle“ ein oder importiere ihn.
Umwandeln
Starte die Umwandlung, um das passende Markdown zu erhalten.
Prüfen und anpassen
Prüfe Links, Bilder und eventuelle Tabellen und kopiere dann das Ergebnis.
Anwendungsfälle
Kopierten Inhalt bereinigen
Befreie einen Text von Layout-Tags und behalte Überschriften, Listen und Links.
Artikel archivieren
Bewahre den Inhalt einer Seite in einer leichten, gut lesbaren Textdatei auf.
Beispiele
Überschrift, Formatierung und Liste
Eingabe
<h2>Zusammenfassung</h2><p>Ein <strong>Text</strong> mit einem <a href="https://example.com">Link</a>.</p><ul><li>Punkt A</li><li>Punkt B</li></ul>Ergebnis
## Zusammenfassung
Ein **Text** mit einem [Link](https://example.com).
- Punkt A
- Punkt BNummerierte Liste und Codeblock
Dank des start-Attributs beginnt die Nummerierung bei 3, und der HTML-Code des Beispiels bleibt erhalten.
Eingabe
<ol start="3"><li>Prüfen</li><li>Veröffentlichen</li></ol><pre><code><p>Hallo</p></code></pre>Ergebnis
3. Prüfen
4. Veröffentlichen
```
<p>Hallo</p>
```Tipps und bewährte Vorgehensweisen
- Kopiere möglichst nur den Hauptinhalt der Seite (das Element article oder main): Sonst werden Menüs, Fußzeilen und Formulare zu Text.
- Relative Adressen von Links und Bildern (/kontakt, img/foto.jpg) bleiben unverändert: Ergänze sie, wenn das Markdown woanders verwendet wird.
- Prüfe die Darstellung danach in der Markdown-Vorschau und vereinheitliche die Syntax bei Bedarf mit „Markdown formatieren“.
Quellen und Referenzen
- CommonMark Specification 0.31.2 (öffnet in einem neuen Tab), CommonMarkSeite auf Englisch
Häufig gestellte Fragen
Werden HTML-Tabellen umgewandelt?
Nein. Die Tabellen-Tags werden entfernt und der Zellinhalt bleibt als Text erhalten: Die Markdown-Tabelle musst du von Hand neu anlegen.
Was passiert mit Skripten und Styles?
<script>- und <style>-Tags werden samt Inhalt entfernt; Attribute wie class, id oder style verschwinden mit den Tags.
Bleiben verschachtelte Listen erhalten?
Alle Einträge bleiben erhalten, die Verschachtelung wird aber nicht durch Einrückung wiedergegeben: Prüfe mehrstufige Listen.
Werden Umlaute und Entitäten verarbeitet?
Ja. Gängige benannte Entitäten (&, <, …) und numerische Entitäten (é, é) werden in Zeichen umgewandelt.
Wird das HTML an einen Server gesendet?
Nein. Die Umwandlung läuft in deinem Browser, ohne die Bilder oder Links im Code zu laden.
Verwandte Werkzeuge
Mit diesen Werkzeugen weitermachen
Werkzeuge, die diesem ähnlich sind oder es ergänzen.
Ähnliche Werkzeuge
Wandle Markdown direkt in deinem Browser in sauberes HTML um.
Text & SchreibenDieses Werkzeug verwenden
Schreib Markdown und sieh sofort die gerenderte HTML-Darstellung.
Text & SchreibenDieses Werkzeug verwenden
Erzeuge Lorem-Ipsum-Blindtext für Layouts, Mockups, Prototypen und Gestaltungstests.
Text & SchreibenEmpfohlenDieses Werkzeug verwenden