Markdown Viewer
Deutsch
App öffnen

Markdown in HTML umwandeln

Mache aus einer .md-Datei auf zwei Arten HTML: Kopiere das saubere gerenderte Markup zum Einfügen in ein CMS oder eine E-Mail, oder lade eine vollständige, in sich geschlossene HTML-Seite mit eingebautem Theme, Syntaxhervorhebung, Diagrammen und Formeln herunter.

Markdown in HTML umwandeln

Kostenlos · keine Anmeldung · läuft im Browser, nichts wird hochgeladen

Das Exportmenü: .md herunterladen, .html herunterladen, als PDF drucken, als HTML kopieren, Markdown kopieren
Als Markdown, eigenständige HTML-Seite oder PDF exportieren oder das gerenderte HTML kopieren – gezeigt im Theme Paper.

Zwei Arten von HTML-Ausgabe

Als HTML kopieren legt das gerenderte Fragment in die Zwischenablage – semantisches <h2>-, <p>-, <table>-, <pre><code>-Markup ohne umhüllende Styles, bereit für einen Blog-Editor, ein Dokumentationssystem oder eine E-Mail mit Rich-Text. .html herunterladen erzeugt eine eigenständige Seite: das gerenderte Dokument plus das CSS des aktuell angezeigten Themes, hervorgehobenen Code, gerenderte Mermaid-SVGs und KaTeX-Formeln in einer Datei, die du überall öffnen oder so hosten kannst.

Was der Konverter beherrscht

Die Umwandlung nutzt denselben GitHub-Flavored-Markdown-Renderer wie die Vorschau: Überschriften mit Anker-IDs, Hervorhebungen, Links, Bilder, geordnete und ungeordnete Listen, Aufgabenlisten, Tabellen mit Ausrichtung, Zitate und GitHub-Hinweise, eingezäunten Code mit Sprachklassen, Fußnoten, <details>-Abschnitte, Frontmatter, Emoji-Kürzel, Mermaid-Diagramme und Formeln. Inline-HTML aus der Quelle wird nach der Bereinigung durchgereicht, sodass Skripte und Event-Handler nie in der Ausgabe landen.

Lege zuerst das Aussehen der Seite fest

Da der Export das aktive Theme mitnimmt, richte es vor dem Herunterladen ein: Wähle eines von 16 hellen oder dunklen Themes, Fließtext ohne Serifen, mit Serifen oder in Monospace, und stelle im Einstellungsmenü Textgröße und Seitenbreite ein. Die exportierte Seite übernimmt diese Auswahl und enthält ein Druck-Stylesheet, sie taugt also auch als PDF-Vorlage.

In Aktion

Syntaxhervorgehobene TypeScript-, Python-, Bash- und diff-Codeblöcke mit Sprachlabels und Kopierbuttons
Codeblöcke bekommen ein Sprachlabel, Syntaxhervorhebung für über 50 Sprachen und einen Kopierbutton – hier das Theme One Dark.
Die Theme-Auswahl mit 16 hellen und dunklen Themes und Farbmustern
Sechzehn Themes, jedes mit eigener Syntaxpalette – oder der Hell/Dunkel-Einstellung des Systems folgen.
KaTeX-Formel im Display-Modus und ein Mermaid-Flussdiagramm, gerendert in der Vorschau
KaTeX-Formeln und Mermaid-Flussdiagramme werden direkt im Dokument gerendert.

So funktioniert es

  1. 1
    Füge dein Markdown ein oder öffne die .md-Datei; prüfe die Vorschau.
  2. 2
    Wähle Theme und Typografie – der Export nimmt, was die Vorschau zeigt.
  3. 3
    Exportieren → Als HTML kopieren für ein Fragment oder .html herunterladen für eine vollständige Seite.

Was du bekommst

Sauberes semantisches Markup

Keine Inline-Styles im kopierten Fragment; IDs an Überschriften; Sprachklassen am Code.

Export als eigenständige Seite

Eine HTML-Datei mit Theme-CSS, hervorgehobenem Code, Diagrammen und Formeln.

GFM + Erweiterungen

Tabellen, Aufgabenlisten, Hinweise, Fußnoten, details, Frontmatter, Mermaid, KaTeX.

Bereinigt

Inline-HTML wird mit DOMPurify gesäubert, bevor es gerendert oder exportiert wird.

Im Browser

Die Umwandlung läuft lokal; dein Dokument wird nie hochgeladen.

Praktisch für mehrere Dateien

Nächste Datei per Drag & Drop öffnen und erneut exportieren – ohne Neuladen der Seite.

Häufige Fragen

Enthält das HTML CSS?
Als HTML kopieren liefert ungestyltes semantisches Markup. .html herunterladen bettet das CSS des aktuellen Themes ein, sodass die Datei überall gleich aussieht.
Kann ich mehrere Markdown-Dateien umwandeln?
Ein Dokument nach dem anderen: Datei öffnen, exportieren, nächste öffnen. Es gibt kein Größenlimit außer dem Speicher deines Browsers; Dateien bis 5 MB öffnen sich direkt.
Werden Codeblöcke in der Ausgabe hervorgehoben?
Ja. Code wird mit highlight.js hervorgehoben und die eigenständige Seite enthält die Farbregeln des gewählten Themes.
Was passiert mit Mermaid-Diagrammen und Formeln?
Sie werden als gerendertes SVG (Mermaid) und KaTeX-HTML exportiert, sodass die Seite sie anzeigt, ohne Skripte zu laden.
Ist die Ausgabe gültiges HTML5?
Ja – ein UTF-8-HTML5-Dokument mit Viewport-Meta-Tag, einem Titel aus deinem Dateinamen und einem <article class="markdown-body"> mit dem Inhalt.

Verwandte Werkzeuge

Markdown zu PDFDokument als PDF drucken Markdown-EditorSchreiben mit Live-Vorschau Markdown-VorschauErgebnis beim Tippen sehen

Bereit, wenn du es bist

Markdown einfügen, eine Datei ablegen oder eine URL öffnen – die Vorschau erscheint sofort und alles bleibt auf deinem Gerät.

Markdown Viewer öffnen