Markdown zu HTML
Dieser Markdown-zu-HTML-Konverter macht aus Text, README-Dateien oder technischen Notizen eine eigenständige HTML-Datei – ohne dass du Tags von Hand schreiben oder Pandoc installieren musst.
Das Ergebnis: eine vollständige HTML-Datei
Der Download ist kein bloßer HTML-Ausschnitt. Er enthält <!doctype html>, <head>, Zeichencodierung, Viewport-Angabe, Basis-CSS und <body>. Du kannst die Datei direkt im Browser öffnen oder als Ausgangspunkt für eine Website, Dokumentation oder ein CMS verwenden.
Der Schwerpunkt liegt auf einer herunterladbaren Datei. Einen Schalter für HTML-Fragmente oder eine Funktion zum direkten Kopieren des Quellcodes gibt es derzeit nicht. Wenn dein CMS nur den Inhalt innerhalb von <body> erwartet, entnimm diesen aus der exportierten Datei.
Semantische HTML-Struktur
Überschriften, Absätze, Listen, Zitate, Tabellen und Code werden in die jeweils passenden HTML-Elemente übersetzt.
Lesbar ohne eigenes Stylesheet
Die Datei bringt zurückhaltende Basisstile für Typografie, Tabellen, Zitate und Code mit. Für dein Design kannst du das enthaltene CSS anschließend bearbeiten oder ersetzen.
Links und Bildpfade im Blick behalten
Relative URLs werden beim Export anhand der aktuellen Seitenadresse aufgelöst. Prüfe deshalb Links und Bilder noch einmal dort, wo du das HTML veröffentlichst.
Welche Markdown-Syntax wird unterstützt?
Die Live-Vorschau und der HTML-Export verwenden dieselbe Markdown-Engine. So kannst du vor dem Download kontrollieren, ob Tabellen, Aufgabenlisten oder Fußnoten wie gewünscht erscheinen. Beispiele für die wichtigsten Schreibweisen findest du im Markdown-Spickzettel.
Tabellen, Aufgabenlisten und Durchstreichung gehören zu den hier unterstützten GFM-Funktionen. Zusätzlich verarbeitet der Konverter Fußnoten, Abkürzungen und weitere Markdown-it-Erweiterungen. Welche Elemente formal zu GitHub-Flavored Markdown gehören, zeigt die offizielle GFM-Spezifikation.
Standard-Markdown
Unterstützt werden Überschriften H1–H6, Hervorhebungen, Absätze, geordnete und ungeordnete Listen, Links, Bilder, Blockzitate sowie Inline-Code und eingerückte oder umzäunte Codeblöcke.
Tabellen, Aufgabenlisten und Durchstreichung
Typische GitHub-Flavored-Markdown-Elemente wie Tabellen, Task Lists und durchgestrichener Text werden verarbeitet – praktisch für README.md und Projektdokumentation.
Fußnoten und weitere Erweiterungen
Zusätzlich zu wichtigen GFM-Funktionen unterstützt der Konverter Fußnoten, Abkürzungen und weitere Markdown-it-Erweiterungen: Emojis, markierten Text sowie hoch- und tiefgestellte Zeichen.
Keine Syntaxhervorhebung für Code
Codeblöcke werden als <pre><code> ausgegeben, aber nicht farbig hervorgehoben. Dafür müsstest du im Zielprojekt selbst eine Highlighting-Bibliothek und das passende CSS ergänzen.
Kein Mermaid, LaTeX oder Raw HTML
Diagramme, mathematische Formeln und direkt eingebettete HTML-Tags werden nicht als solche gerendert. Raw HTML bleibt Text statt ausführbarem Markup.
Zeilenumbrüche folgen Markdown-Regeln
Ein einfacher Umbruch im Editor erzeugt nicht automatisch <br>. Verwende eine Leerzeile für einen neuen Absatz oder die Markdown-Syntax für einen harten Zeilenumbruch.
Geprüfte Beispiele: Markdown und erzeugtes HTML
Die folgenden Beispiele wurden mit der aktuell eingesetzten Konverter-Version geprüft. Sie zeigen die erzeugte Struktur in vereinfachter Form; Klassen und zusätzliche Attribute können je nach Element hinzukommen.
Technisch geprüft und zuletzt aktualisiert: Juli 2026.
| Markdown-Eingabe | Erzeugte HTML-Struktur |
|---|---|
| # Titel | <h1>Titel</h1> |
| - [x] Aufgabe | <input type="checkbox" checked disabled> |
| Text[^1] [^1]: Quelle | <sup class="footnote-ref">…</sup> und Fußnotenbereich |
| <script>alert(1)</script> | <script>alert(1)</script> als Text |
So wandelst du eine Markdown-Datei in HTML um
Für einen einzelnen Text oder eine einzelne .md-Datei dauert der Ablauf nur wenige Schritte.
1. Markdown einfügen oder Datei öffnen
Füge deinen Text in den Editor ein oder wähle eine .md- beziehungsweise .markdown-Datei bis 5 MB aus. Die Datei wird im Browser gelesen und nicht für die Konvertierung hochgeladen.
2. Live-Vorschau prüfen
Kontrolliere besonders Überschriftenhierarchie, Tabellen, Aufgabenlisten, Links, Bilder, Fußnoten und Codeblöcke.
3. HTML-Datei herunterladen
HTML ist auf dieser Seite vorausgewählt. Klicke auf „HTML-Datei herunterladen“, um das vollständige Dokument lokal zu erzeugen.
4. Im Zielsystem testen
Öffne die Datei im Browser oder übernimm den benötigten Inhalt in dein CMS. Passe Pfade und CSS an, falls das Zielsystem eigene Vorgaben hat.
Für README, Website, CMS und Dokumentation
Ein Online-Konverter ist besonders sinnvoll, wenn du einzelne Inhalte schnell prüfen oder weitergeben willst. Für Stapelverarbeitung, Templates oder automatisierte Builds ist ein Kommandozeilenwerkzeug wie Pandoc meist die passendere Wahl; Details bietet das offizielle Pandoc-Handbuch.
Wenn du statt HTML ein anderes Zielformat brauchst, kannst du Markdown auch als DOCX, PDF oder Tabellen als CSV exportieren.
README.md als HTML öffnen
Wandle Tabellen, Aufgabenlisten, Links und Code aus einer README in eine eigenständige Datei für Projektseiten oder interne Portale um. GitHub-spezifische Funktionen wie Mermaid solltest du separat prüfen.
Markdown in WordPress oder ein CMS übernehmen
Exportiere das Dokument, kopiere bei Bedarf den Inhalt aus dem <body> und teste ihn im HTML-Modus deines Editors. CMS-Filter und Theme-CSS können die Darstellung verändern. Hinweise zum entsprechenden Block findest du in der WordPress-Dokumentation zu Custom HTML.
Technische Dokumentation veröffentlichen
Prüfe lange Anleitungen mit Überschriften, Tabellen, Fußnoten und Code in der Vorschau, bevor du sie an ein Help Center oder eine Wissensdatenbank übergibst.
Obsidian-Notizen weiterverwenden
Normale Markdown-Inhalte lassen sich übernehmen. Obsidian-interne Links, Einbettungen, Tags und Theme-Stile sind jedoch keine Standard-Markdown-Syntax und müssen nachbearbeitet werden. Die unterstützten Varianten beschreibt die offizielle Obsidian-Hilfe zu internen Links.
Markdown lokal im Browser konvertieren
Beim HTML-Workflow wird der eingegebene Text direkt in deinem Browser verarbeitet. Auch eine ausgewählte .md-Datei wird dort gelesen; für die Konvertierung wird ihr Inhalt nicht an einen Server gesendet. Eine Installation oder Anmeldung ist nicht erforderlich.
Externe Bilder in deinem Markdown können in der Vorschau direkt vom jeweiligen Bildserver geladen werden. Dabei können technisch notwendige Verbindungsdaten, etwa deine IP-Adresse und Browserinformationen, an diesen Anbieter übertragen werden. Weitere Einzelheiten findest du in der Datenschutzerklärung.
Raw HTML aus der Eingabe ist deaktiviert und wird daher nicht als aktives Markup ausgeführt. Das ersetzt trotzdem keine Sicherheitsprüfung: Wenn du HTML aus nicht vertrauenswürdigen Quellen in eine Anwendung übernimmst, solltest du es passend zu deinem Zielsystem validieren und bereinigen.
Kein Datei-Upload für den HTML-Export
Die ausgewählte Datei bleibt Teil der aktuellen Browser-Sitzung und wird lokal in Text umgewandelt.
Raw HTML bleibt deaktiviert
Script-, iframe- oder andere HTML-Tags in der Markdown-Quelle werden nicht als aktive Elemente gerendert.
Ausgabe im Zielsystem prüfen
WordPress, andere CMS und eigene Anwendungen können zusätzliche Sanitizer, URL-Regeln oder CSS-Einschränkungen verwenden.