Text
Markdown Preview / HTML ↔ Markdown
Live-Vorschau von Markdown als formatiertes HTML, plus Konvertierung in beide Richtungen: Markdown → HTML und HTML → Markdown.
Markdown ist eine leichtgewichtige Auszeichnungssprache, die Text mit einfachen Zeichen formatiert (**fett**, # Überschrift, - Liste) und auch unformatiert lesbar bleibt. Dieses Tool zeigt eine Live-Vorschau von Markdown als HTML und konvertiert in beide Richtungen.
So verwendest du es
- Vorschau: Schreibe Markdown auf einer Seite — das formatierte Ergebnis erscheint sofort auf der anderen.
- Markdown → HTML: Erhalte fertiges HTML-Markup zum Einfügen in eine Seite oder E-Mail-Vorlage.
- HTML → Markdown: Füge HTML-Markup ein, um das Markdown-Äquivalent zu erhalten — praktisch, um Inhalte in ein README oder ein Markdown-basiertes CMS zu übernehmen.
Typische Anwendungsfälle
- Ein README.md für ein GitHub-Repository mit Live-Vorschau der Formatierung schreiben.
- Text für ein CMS oder Dokumentationssystem vorbereiten, das Markdown akzeptiert.
- Von einer Webseite kopiertes HTML schnell in sauberes Markdown für Notizen umwandeln.
Was du wissen solltest
Verschiedene Plattformen (GitHub, GitLab, Discord) unterstützen leicht unterschiedliche Markdown-Erweiterungen (Tabellen, Durchstreichen, Checkboxen) — die Grundsyntax ist überall gleich.
Die Konvertierung von HTML zu Markdown verliert alles, was Markdown nicht ausdrücken kann: komplexes Layout, Inline-Stile, tief verschachtelte Elemente.
Artikel zu diesem Tool: Markdown: warum einfache Textsyntax komplexe Editoren geschlagen hat
Häufig gestellte Fragen
Welche Konvertierungen werden angeboten?
Drei Modi sind verfügbar: eine Live-Vorschau von Markdown, gerendert als formatiertes HTML, eine explizite Markdown-→-HTML-Konvertierung und eine umgekehrte HTML-→-Markdown-Konvertierung.
Welche Markdown-Rendering-Engine wird verwendet?
Es handelt sich um ein einfaches clientseitiges Markdown-Rendering in JavaScript, unabhängig von einer bestimmten serverseitigen Template-Engine wie Blade oder Twig; das Ergebnis spiegelt Standard-Markdown wider, keine frameworkspezifische Syntax.
Wird mein Markdown- oder HTML-Inhalt an einen Server gesendet?
Nein, Konvertierung und Vorschau erfolgen vollständig im Browser, kein Inhalt wird online übertragen.
Warum sieht dieselbe Datei in verschiedenen Anwendungen unterschiedlich aus?
Das ursprüngliche Markdown definiert keine Tabellen, keinen durchgestrichenen Text und keine Syntaxhervorhebung in Codeblöcken — das sind Erweiterungen verschiedener Implementierungen. GitHub Flavored Markdown und die CommonMark-Spezifikation behandeln manche mehrdeutigen Fälle unterschiedlich, sodass das Rendering derselben Datei je nach Parser abweichen kann.
Was geht bei der Konvertierung von komplexem HTML in Markdown verloren?
HTML bietet deutlich mehr Formatierungsmöglichkeiten als grundlegendes Markdown, sodass komplexe Tabellen, verschachtelte Stile oder nicht standardisierte Auszeichnung bei der Rückkonvertierung vereinfacht werden oder verloren gehen können.