In einem CMS veröffentlichen
Schreib in Markdown und füge das HTML in einen Editor ein, der nur HTML-Code annimmt.
Markdown zu HTML
Wandle Überschriften, Hervorhebungen, Links, Listen, Zitate, Tabellen und Codeblöcke aus Markdown lokal in HTML um, ohne den Inhalt zu senden.
- Zwischenablage
- Export
Daten werden nicht gesendet
Erzeugtes HTML
War dieses Werkzeug hilfreich?
Wie funktioniert dieses Tool?
Wandle einen Markdown-Text in sauberen HTML-Code um, bereit zum Einfügen in ein CMS, einen Newsletter, eine statische Seite oder eine E-Mail-Vorlage. Überschriften, Absätze, Listen, Zitate, Tabellen, Codeblöcke, Links und Bilder werden zu den passenden HTML-Tags. Die Umwandlung läuft in deinem Browser, ohne den Inhalt zu senden.
Der Konverter wendet die üblichen CommonMark-Regeln an: Aus # bis ###### werden <h1> bis <h6>, aufeinanderfolgende Zeilen bilden ein einziges <p>, Aufzählungen ergeben ein <ul> und nummerierte Listen ein <ol> (mit dem Attribut start, wenn die Liste nicht bei 1 beginnt). Zitate werden zu <blockquote>, Blöcke zwischen ``` zu einem <pre><code> mit der Klasse language-…, Tabellen im GitHub-Stil zu einem <table> mit <thead> und <tbody>.
Im Text ergeben **fett** und __fett__ ein <strong>, *kursiv* und _kursiv_ ein <em>, `Code` ein <code>, [Text](Adresse) einen Link und  ein Bild. Der Inhalt von Inline-Code bleibt unverändert: Die Sternchen in `a*b*c` werden nicht kursiv.
Sonderzeichen (<, >, &, Anführungszeichen) werden maskiert, sodass HTML in der Quelle als Text erscheint, statt übernommen zu werden. Adressen mit javascript:, vbscript: oder data: landen nie in einem Link oder Bild: Nur ihr Text bleibt erhalten.
So verwenden Sie dieses Tool
Markdown einfügen
Gib den Text in das Feld „Markdown-Quelle“ ein oder importiere ihn.
Umwandeln
Starte die Umwandlung: Jeder Block wird zu einem HTML-Tag in einer eigenen Zeile.
HTML kopieren
Kopiere oder exportiere den Code und prüfe die Darstellung auf der Zielseite.
Anwendungsfälle
Newsletter vorbereiten
Wandle einen Markdown-Entwurf in HTML für ein E-Mail-Werkzeug um.
Pipeline speisen
Verkette Formatierung, Umwandlung und Export in einer automatischen Verarbeitung.
Beispiele
Überschrift, Absatz und Liste
Die beiden Zeilen des Absatzes werden in einem einzigen <p> zusammengeführt.
Eingabe
## Installation
Führe den Befehl
`npm install` aus und prüfe.
1. Herunterladen
2. InstallierenErgebnis
<h2>Installation</h2>
<p>Führe den Befehl <code>npm install</code> aus und prüfe.</p>
<ol>
<li>Herunterladen</li>
<li>Installieren</li>
</ol>Tabelle
Die Strichzeile unter der Kopfzeile kennzeichnet die Tabelle.
Eingabe
| Werkzeug | Preis |
| --- | --- |
| Bethemesh | 0 € |Ergebnis
<table><thead><tr><th>Werkzeug</th><th>Preis</th></tr></thead><tbody><tr><td>Bethemesh</td><td>0 €</td></tr></tbody></table>Tipps und bewährte Vorgehensweisen
- Das erzeugte HTML enthält keine Styles: Sein Aussehen hängt vom Stylesheet der Website ab, in die du es einfügst.
- Relative Bildpfade (img/logo.png) werden unverändert übernommen: Prüfe, ob sie auch auf der Zielseite existieren.
- Um die Darstellung vor dem Kopieren zu sehen, nutze die Markdown-Vorschau; für die umgekehrte Richtung „HTML zu Markdown“.
Quellen und Referenzen
- CommonMark Specification 0.31.2 (öffnet in einem neuen Tab), CommonMarkSeite auf Englisch
Häufig gestellte Fragen
Welche Markdown-Elemente werden umgewandelt?
Überschriften, Absätze, Aufzählungen und nummerierte Listen, Zitate, Trennlinien, Codeblöcke, Tabellen, fett, kursiv, Inline-Code, Links und Bilder.
Ist das HTML sicher?
Sonderzeichen werden maskiert und Adressen mit javascript:, vbscript: und data: verworfen. Prüfe den Code trotzdem, bevor du ihn in eine Website einfügst – wie jeden fremden Inhalt.
Werden Erweiterungen wie Kontrollkästchen oder Fußnoten unterstützt?
Nein. Sie bleiben als Text stehen. Von den GitHub-Erweiterungen werden nur Tabellen übernommen.
Ist das erzeugte HTML eine vollständige Seite?
Nein, es ist ein Fragment zum Einfügen in eine bestehende Seite. Für eine eigenständige .html-Datei nutze den Export der Markdown-Vorschau.
Wird mein Text online übertragen?
Nein. Die Umwandlung läuft in deinem Browser.
Verwandte Werkzeuge
Mit diesen Werkzeugen weitermachen
Werkzeuge, die diesem ähnlich sind oder es ergänzen.
Ähnliche Werkzeuge
Wandle HTML direkt in deinem Browser in gut lesbares, portables Markdown um.
Text & SchreibenDieses Werkzeug verwenden
Schreib Markdown und sieh sofort die gerenderte HTML-Darstellung.
Text & SchreibenDieses Werkzeug verwenden
Erzeuge Lorem-Ipsum-Blindtext für Layouts, Mockups, Prototypen und Gestaltungstests.
Text & SchreibenEmpfohlenDieses Werkzeug verwenden