Markdown zu HTML Konverter (CommonMark-Subset)

Füge Markdown ein und sieh sofort das entsprechende HTML. Geeignet für Blog-Posts, Dokumentation, README-Dateien. Die Ausgabe ist sauberes, semantisches HTML, das du in jedes CMS oder jede statische Website einfügen kannst.

Markdown

HTML-Ausgabe

<h1>Hello</h1>
<p>A <strong>bold</strong> statement and <em>italic</em> text.</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
<p><a href="https://tools.appdevelopsk.com">Toolify</a></p>

Gerenderte Vorschau anzeigen

Hello

A bold statement and italic text.

Item 1
Item 2

Toolify

Wie es funktioniert

Was unterstützt wird

Überschriften: # H1 bis ###### H6. Listen: - / * / + für ungeordnete, 1. 2. 3. für geordnete. Blockzitate: > am Zeilenanfang. Codeblöcke: ``` mit optionaler Sprache. Inline: **fett**, *kursiv*, `code`, ~~durchgestrichen~~, [Link](url), ![Alt](Bild-url). Horizontale Linie: ---, *** oder ___.

Wir implementieren die CommonMark-Grundlagen. Tabellen, Fußnoten und Aufgabenlisten (- [ ]) sind noch nicht enthalten; dafür verwende eine vollständige CommonMark- oder GFM-Bibliothek in deiner Build-Pipeline.

Wann dieses Tool verwenden

Schnelle Konvertierung zum Einfügen in ein CMS. Die meisten CMSes akzeptieren HTML; wenn du in Markdown schreibst, aber der Editor es nicht nativ rendert, führe es zuerst durch dieses Tool.

Dokumentationsgenerierung: README.md in HTML für eine Projekt-Landingpage konvertieren. Die Ausgabe ist sauber genug, um in eine einfache Vorlage eingebettet zu werden.

E-Mail-Erstellung: Viele E-Mail-Clients rendern HTML, aber kein Markdown. In Markdown schreiben, konvertieren, einfügen.

Konvertierung im Browser

Alle Konvertierungen laufen in deinem Browser. Dein Markdown – das möglicherweise vertrauliche Entwürfe, Code-Snippets oder Notizen enthält – verlässt niemals dein Gerät. Keine Server-Logs, keine KI-Trainingsdaten, nur deterministische Regex-Transformation.

Wenn du GFM-Funktionen brauchst (Tabellen, Aufgabenlisten, Fußnoten), verwende eine umfangreichere Bibliothek wie marked.js, markdown-it oder remark in deinem Build. Für einfaches bis mittelschweres Markdown reicht die Ausgabe dieses Tools.

Häufige Fragen

›Werden Tabellen unterstützt?

Noch nicht. Tabellen sind eine GFM-Erweiterung, kein reines CommonMark. Wir könnten sie in einer zukünftigen Version hinzufügen.

›Werden meine Codeblöcke syntax-highlighted?

Wir fügen class='language-X' zu <pre><code>-Tags hinzu, sodass Highlighter wie Prism oder highlight.js sie stylen können. Das HTML selbst ist unstyled – eigenes CSS oder eine Bibliothek anwenden.

›Ist die Ausgabe sicher, überall einzufügen?

Wir escapen <, >, & und " in Codeblöcken und Inline-Code. Andere Inhalte werden unverändert konvertiert. Wenn du nutzergeneriertes Markdown einfügst, die Ausgabe vor dem Einbetten in eine Seite bereinigen.

›Warum ist meine Hervorhebung seltsam?

Markdown-Hervorhebungs-Verschachtelung kann knifflig sein. * vs _ kann sich bei benachbarter Interpunktion unterschiedlich verhalten. Die CommonMark-Spezifikation ist präzise; wenn unsere Ausgabe abweicht, das Spec-Beispiel zum Überprüfen einfügen.

›Verarbeitet das HTML innerhalb von Markdown?

Inline-HTML wird durchgereicht (was CommonMark-Verhalten ist). Vorsichtig verwenden – bösartiges HTML aus nicht vertrauenswürdigen Quellen wird unverändert durchgereicht.

›Kann ich HTML zurück in Markdown konvertieren?

Ja – sieh unseren HTML-zu-Markdown-Konverter (unter Verwandte Tools verlinkt).

›Was ist mit Fußnoten?

Nicht implementiert (GFM-Erweiterung). Für komplexe Dokumente eine serverseitige Bibliothek wie remark-gfm verwenden.

›Verlassen die Daten meinen Browser?

Nein. Die Konvertierung läuft lokal; dein Markdown wird nirgendwo hingesendet.