tomai
Anmelden
Kostenlos · Text-Tools

Markdown-Vorschau

Live Markdown → HTML-Vorschau und HTML → Markdown in die andere Richtung

Eingabe
Vorschau

Wo Markdown endet und HTML beginnt

  • Inline-HTML im Quelltext wird gerendert, aber sanitisiert — Skripte, Event-Handler und gefährliche URLs erreichen das Vorschau-DOM nie.
  • Tabellen, Codezäune mit Sprachhinweis und Tasklisten folgen dem CommonMark-/GFM-Dialekt, den die meisten Seiten ausliefern.
  • Die Vorschau aktualisiert sich beim Tippen; nichts verlässt den Browser, Entwürfe bleiben privat.

Eine Vorschau wie in Produktion — nur sicher

Das gerenderte Ergebnis sehen

Überschriften bis zur sechsten Ebene, fett, kursiv, Links, Bilder, nummerierte und Aufzählungslisten, Zitate und Codeblöcke mit Begrenzern erscheinen im selben Moment neben Ihrer Quelle, in dem Sie sie tippen.

🔒

Von HTML zurück zu Markdown

Fügen Sie Markup ein, das von einer beliebigen Webseite kopiert wurde: Der Rückweg macht aus Überschriften, Links, Bildern und Codeblöcken wieder sauberes Markdown und verwirft dabei Skripte, Styles und Kommentare.

🎯

Das fertige HTML mitnehmen

Die gerenderte Vorschau kopiert sich als einfügefertiges HTML für ein CMS oder eine E-Mail, während die Markdown-Seite den Klartext-Quelltext exportiert – ein Beispieldokument füllt beide Bereiche für den ersten Eindruck.

Häufige Fragen

Wird die vollständige Markdown-Spezifikation unterstützt (Tabellen, Fußnoten usw.)?

Es deckt die gängige CommonMark-Untermenge ab, die die meisten Menschen täglich tatsächlich verwenden — Überschriften, Fett/Kursiv, Links, Bilder, Listen, Zitate, Codeblöcke/-spans und horizontale Linien — nicht die vollständige Spezifikation (noch keine Tabellen oder Fußnoten).

Wie gut ist die HTML-→-Markdown-Umwandlung?

Sie verarbeitet die Tags, die eine typische "von einer Webseite kopierte" Einfügung tatsächlich enthält (Überschriften, Absätze, Links, Bilder, Fett/Kursiv, Listen, Code, Zitate). Ungewöhnliches oder tief verschachteltes Markup wird möglicherweise nicht perfekt umgewandelt — es ist für den häufigen Fall gebaut, nicht als vollständiger HTML-Parser.

Wird mein Text irgendwohin hochgeladen?

Nein — die Umwandlung läuft vollständig in Ihrem Browser mit einem kleinen selbst gehosteten Konverter. Nichts, was Sie eingeben, wird jemals an einen Server gesendet.

Ähnliche Tools

Was ist eine Markdown-Vorschau?

Mit Markdown schreibt man formatierten Text — Überschriften, Listen, Links, Hervorhebungen — als reinen Text mit ein paar unauffälligen Symbolen. Fast jede Entwicklerplattform, Notiz-App und jedes CMS spricht es, aber Leser sehen nicht die rohe Syntax, sondern das gerenderte Ergebnis. Eine Markdown-Vorschau rendert Ihre Quelle live in formatiertes HTML, sodass Sie das Ergebnis beim Schreiben prüfen statt zu raten. Sie arbeitet auch in umgekehrter Richtung: HTML von einer beliebigen Webseite einfügen und sauberes Markdown zurückbekommen — ein schneller Weg, Inhalte zwischen Systemen zu übertragen, die verschiedene Formate sprechen.

Was gerendert und konvertiert wird

  • 👁️ Live-Vorschau von Überschriften, Fett, Kursiv, Links, Bildern und Listen
  • 🧱 Codeblöcke mit Sprachangabe und Zitate
  • 🔁 Rückwärtsmodus wandelt eingefügtes HTML in sauberes Markdown
  • 🧹 Der HTML-Modus entfernt Skripte, Styles und Kommentare aus der Quelle
  • 📋 Ausgabe kopieren oder herunterladen zur Wiederverwendung

Wo es in den Workflow passt

  • README oder GitHub-Issue vor dem Commit entwerfen
  • Formatierte Webseiteninhalte für einen Blogbeitrag in Markdown umwandeln
  • Prüfen, wie ein Newsletter oder eine Doku-Seite aussehen wird
  • Kopiertes HTML in portablen, reinen Text überführen

Der Konverter ist eine kleine, in sich geschlossene Bibliothek, die in Ihrem Browser läuft — nichts wird hochgeladen. Er deckt die übliche Markdown-Teilmenge ab; sehr exotische Syntax wird möglicherweise nicht gerendert, und die Rückrichtung behandelt die Tags, die man typischerweise beim Kopieren von Webseiten erhält.

Zuletzt aktualisiert · 2026-09-01

Ähnliche Tools