DE

Markdown in HTML umwandeln: Vorschau, HTML-Code, Download

Mit diesem Werkzeug können Sie Markdown in HTML umwandeln: Text mit Markdown-Zeichen einfügen, und Sie sehen sofort die Vorschau und den fertigen HTML-Code. Unterstützt werden Überschriften, Listen, Tabellen, Code, Links und Bilder. Eingebettetes HTML wird nie ausgeführt, sondern als Text angezeigt.

Quelle: CommonMark Spec 0.31 (Referenz für Blöcke, Listen, Betonung, Links). Stand: .

Tabellen, ~~Durchgestrichen~~, Aufgabenlisten und automatische Links für https://-Adressen.
Ein einfacher Zeilenwechsel im Text wird zum Umbruch, wie in GitHub-Kommentaren. Standard ist ein Leerzeichen.
Meine ToolboxIhre Eingaben werden nur in diesem Browser gespeichert.

Markdown einfügen oder tippen. Rohes HTML im Text wird als Text ausgegeben, nicht ausgeführt.

Ihr Text bleibt in Ihrem Browser – er wird nicht gesendet, nicht gespeichert und nicht in die Adresszeile geschrieben.

Vorschau

Ergebnis

HTML-Code
<h1>Willkommen</h1> <p>Das ist ein <strong>Beispiel</strong> mit <em>Betonung</em>, <code>Code</code> und einem <a href="https://example.com">Link</a>.</p> <ul> <li>Erster Punkt</li> <li>Zweiter Punkt <ul> <li>Unterpunkt</li> </ul> </li> </ul> <table> <thead> <tr> <th>Name</th> <th align="right">Wert</th> </tr> </thead> <tbody> <tr> <td>A</td> <td align="right">1</td> </tr> </tbody> </table> <blockquote> <p>Ein Zitat</p> </blockquote> <pre><code class="language-js">console.log(&quot;Hallo&quot;); </code></pre>
Umfang
516 Zeichen HTML, 1 Überschriften, 1 Links, 1 Tabellen, 1 Codeblöcke.

So wird gerechnet

Markdown ist eine einfache Schreibweise für formatierte Texte: # für Überschriften, **fett**, - Punkt für Listen. Dieses Werkzeug wandelt sie in HTML um, das Sie in Webseiten, Newsletter, Shop-Beschreibungen oder ein CMS einfügen können.

So wandeln Sie Markdown in HTML um

  1. Fügen Sie Ihren Markdown-Text in das Feld ein oder nutzen Sie den Beispieltext.
  2. Prüfen Sie die Vorschau: So sieht der Text als Webseite aus.
  3. Kopieren Sie den HTML-Code oder laden Sie ihn herunter. Als „Komplettes HTML-Dokument“ erhalten Sie eine fertige Seite mit Titel aus der ersten Überschrift.

Was unterstützt wird

Überschriften (mit # und mit Unterstreichung), Absätze, Betonung, fett, Code im Text und in Blöcken mit Sprachangabe, Zitate, Listen mit Verschachtelung, Trennlinien, Links (auch mit Referenzen), Bilder und Autolinks. Mit den GitHub-Erweiterungen kommen Tabellen mit Ausrichtung, Durchgestrichenes, Aufgabenlisten und automatische Links dazu. Die Umsetzung folgt CommonMark, deckt aber nicht jeden Sonderfall ab.

Sicherheit und Grenzen

Ihr Text bleibt in Ihrem Browser und wird weder gesendet noch gespeichert.

Häufige Fragen

Wie wandle ich Markdown in HTML um?

Markdown-Text in das Feld einfügen, der HTML-Code erscheint sofort. Sie können ihn kopieren oder als Datei herunterladen. Die Vorschau zeigt, wie das Ergebnis aussieht.

Welche Markdown-Syntax wird unterstützt?

CommonMark mit den GitHub-Erweiterungen: Überschriften, Listen, Zitate, Code, Links, Bilder, Tabellen, Durchgestrichenes und Aufgabenlisten. Fußnoten und Formeln gehören nicht dazu.

Ist das HTML sicher?

Ja. Eingebettetes HTML und Skripte werden nicht durchgereicht, sondern als Text maskiert, gefährliche Link-Ziele werden entfernt. Prüfen Sie bei fremden Texten trotzdem, wohin Links führen.

Kann ich eigenes HTML im Markdown verwenden?

Nein, das ist bewusst ausgeschlossen, damit das Ergebnis sicher bleibt. Setzen Sie eigene Tags nach der Umwandlung im HTML-Code ein.

Wie bekomme ich Tabellen und Aufgabenlisten?

Lassen Sie die GitHub-Erweiterungen eingeschaltet. Tabellen schreiben Sie mit senkrechten Strichen und einer Trennzeile aus Bindestrichen, Aufgaben als „- [ ] offen“ und „- [x] erledigt“.

Wird mein Text gespeichert?

Nein. Die Umwandlung läuft in Ihrem Browser; der Text wird nicht gesendet, nicht gespeichert und nicht in die Adresszeile geschrieben.

Quellen und Rechtsgrundlagen

Stand: · So prüfen wir

Passende Werkzeuge