Markdown to HTML

Markdown-zu-HTML-Konverter

Geben Sie links Markdown ein und sehen Sie rechts das gerenderte HTML oder die Live-Vorschau. Angetrieben von marked, unterstützt CommonMark plus GitHub-Flavored-Markdown-Erweiterungen.

Markdown
HTML
<h1>Hello, Markdown!</h1>
<p>Markdown is a <strong>lightweight</strong> markup language with plain-text formatting syntax.</p>
<h2>Features</h2>
<ul>
<li>Headings, paragraphs, lists</li>
<li>Links: <a href="https://example.com">example</a></li>
<li>Inline code: <code>const x = 1</code></li>
<li>Code blocks:</li>
</ul>
<pre><code class="language-js">function greet(name) {
  return `Hello, ${name}!`
}
</code></pre>
<blockquote>
<p>Blockquotes work too.</p>
</blockquote>
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
</thead>
<tbody><tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</tbody></table>

Was ist Markdown?

Markdown ist eine leichtgewichtige Klartext-Formatierungssyntax, die John Gruber 2004 erfand. Sie können strukturierte Dokumente (Überschriften, Listen, Links, Code, Tabellen) mit einer Interpunktion schreiben, die sich natürlich liest — # für eine Überschrift, ** für fett, > für ein Zitat — anstelle von HTML-Spitzklammern. Es ist das De-facto-Format für README-Dateien, Static-Site-Posts, technische Dokumentation und Tools wie Notion oder Slack.

CommonMark ist der standardisierte Markdown-Dialekt, den die meisten modernen Parser implementieren; GitHub Flavored Markdown (GFM) erweitert ihn um Tabellen, Aufgabenlisten, eingezäunte Codeblöcke mit Sprachhinweisen, Durchstreichen und Auto-Links. Dieser Konverter unterstützt beides.

So verwenden Sie dieses Tool

  1. Geben Sie Markdown in das linke Eingabefeld ein oder fügen Sie es ein. Klicken Sie auf „Beispiel“, um mit Beispielinhalt zu testen.
  2. Wechseln Sie das rechte Bedienfeld zwischen HTML (die Rohausgabe) und Vorschau (das gerenderte Ergebnis).
  3. Verwenden Sie „HTML kopieren“, um die Ausgabe in die Zwischenablage zu legen, oder „.html herunterladen“, um eine eigenständige Datei zu speichern.

Häufig gestellte Fragen

Welche Markdown-Variante wird unterstützt?

CommonMark plus die nützlichsten GFM-Erweiterungen: Tabellen, eingezäunte Codeblöcke (mit Sprache), Durchstreichen, Auto-Links. Definitionslisten, Fußnoten und HTML im Markdown sind standardmäßig nicht aktiviert.

Wird die Eingabe an einen Server gesendet?

Nein. Die Konvertierung erfolgt vollständig in Ihrem Browser — Ihre Markdown-Quelle verlässt nie Ihren Rechner.

Kann ich rohes HTML im Markdown einbinden?

Inline-HTML wird unverändert beibehalten. Seien Sie vorsichtig, wenn Sie die Ausgabe in einen Kontext zurückkopieren, wo Script-Tags oder unsichere Attribute eine Rolle spielen könnten — bereinigen Sie sie (mit DOMPurify oder einem serverseitigen Bereinigungstool), bevor Sie nicht vertrauenswürdige Ausgaben rendern.