Wie benutzt du dieses Tool?
- Markdown einfügen oder eine .md-Datei laden — beide Pfade führen zum selben Ergebnis.
- Profil wählen (Clean, Business, Wissenschaftlich, Web-Artikel) und entscheiden, ob du Standalone-HTML oder ein Body-Fragment willst.
- Optional: lokale Bilder, die im Markdown referenziert sind, gleich mit hochladen — relative Pfade werden zu Data-URLs aufgelöst.
- HTML erzeugen klicken, in der Vorschau prüfen und entweder kopieren oder als .html herunterladen.
Wofür Markdown zu HTML?
Markdown ist die einfache Sprache, in der die meisten Schreib-Workflows heute starten: im Notizbuch (Obsidian, Logseq), im AI-Chat (ChatGPT, Claude), im Pull-Request, im Static-Site-Generator (Hugo, Astro, Jekyll). Das Resultat ist portabel, diff-bar und in jedem Editor lesbar.
Sobald derselbe Text aber in einem CMS landen soll — Wordpress, Ghost, Strapi, Contentful — oder als Newsletter, als interne Wiki-Seite oder als statische Demo, brauchst du HTML. Dieses Tool baut die Brücke. Du schickst Markdown rein, kriegst HTML zurück, ohne Detour über externe Server.
Wie funktioniert die Konvertierung technisch?
Markdown wird über eine bewährte Open-Source-Bibliothek geparst — sie
versteht
GitHub Flavored Markdown
inklusive Tabellen, Task-Lists, Codeblöcke mit Sprach-Hint und Autolinks.
Das Resultat ist ein HTML-Fragment, das anschließend optional
sanitisiert wird — <script>-Tags, <style>-Blöcke, on*-Event-Handler
und javascript:-URLs werden über eine etablierte
XSS-Schutz-Bibliothek entfernt.
Standalone-Modus wickelt das Fragment in eine vollständige HTML-Hülle
mit <!DOCTYPE html>, <head> und einem eingebetteten Stylesheet. Das
Stylesheet hängt vom Profil ab und ist hartkodiert — keine externen
Fonts, keine externen CSS-Dateien. So bleibt das Ergebnis offline-fähig
und unabhängig von einer Server-Verbindung.
Wofür wird das Tool genutzt?
- CMS-Migration. Eine Sammlung Markdown-Notizen wird zu HTML, das Stück für Stück in WordPress oder Ghost wandert.
- AI-Chat zu Newsletter. Ein langer Antwort-Text aus dem AI-Chat wird formatiert für den Newsletter-Editor.
- Statische Demo-Seite. Ein README oder eine Spezifikation wird zu einer eigenständigen HTML-Datei für die interne Doku.
- Editorial-Workflow. Schreiber arbeiten in Markdown, Lektor:innen bekommen das HTML zur Überprüfung im Browser.
- E-Mail-Vorlagen. Markdown wird zu HTML, das in einem E-Mail-Template als Body landet.
Was bleibt erhalten?
Erhalten: Heading-Hierarchien (<h1> bis <h6>) mit
auto-generierten IDs, Absätze, geordnete und ungeordnete Listen
inklusive Verschachtelung, Tabellen mit Header-Row, Inline-Formate
(Fett, kursiv, Inline-Code, durchgestrichen), Hyperlinks ([Text](URL)),
Block-Zitate, Code-Blöcke mit Sprach-Klasse, Bilder als <img>.
Bewusst entfernt (im Sanitize-Standard): <script>-Tags,
<style>-Blöcke, <iframe>/<object>/<embed>, alle on*-Handler,
javascript:-URLs. Das ist die Default-Politik, weil das Output an
Dritt-Systeme wandert.
Optionale Ergänzung: Wer Inline-HTML wirklich braucht, kann den Sanitize-Schalter umlegen. Dann landet auch rohes HTML im Output — sinnvoll, wenn das Markdown vertrauenswürdig ist und z.B. spezielle Embed-Codes enthält.
Datenschutz — alles bleibt im Browser-Tab
Wenn du gerade ein internes Memo oder ein Kunden-Briefing in Markdown formuliert hast, ist das Letzte, was du willst, dass der Inhalt an einen fremden Server geht. Keine Sorge — hier passiert nichts davon.
Das Markdown wird im Browser-Tab geparst, das HTML-Resultat wird im selben Tab generiert. Du kannst das Netzwerk-Panel der Entwicklerwerkzeuge öffnen und beobachten: keine Anfrage, kein Upload, keine Server-Kommunikation. Auch das Paste-Feld arbeitet vollständig client-seitig, und die optional hinzugefügten Bilder werden lokal als Data-URLs eingebettet, nicht hochgeladen.
Welche verwandten Dokumenten-Tools gibt es?
Weitere Tools aus dem Konverter-Ökosystem, die zum Thema passen:
- Markdown zu PDF — derselbe Markdown-Input, fertiges PDF über den Browser-Druckpfad.
- Markdown zu DOCX — Word-Datei mit echten Heading-Styles und Repeating-Table-Headers.
- HTML zu Markdown — die Gegenrichtung, falls dein Quelltext bereits HTML ist.
Zuletzt aktualisiert: