Markdown in HTML

Schreiben Sie in Markdown, veröffentlichen Sie in HTML

Markdown ist ein Klartext-Schreibformat, das einfache Symbole zur Formatierung nutzt: # Überschrift, **fett**, *kursiv*, - Listenpunkt, [Link](https://example.com) und Backticks für Code. Man nutzt es in README-Dateien, auf GitHub, in Notion, Obsidian, Reddit, Discord, vielen Generatoren für statische Websites und Dokumentationstools.

Fügen Sie Markdown ein, und der Konverter erzeugt das entsprechende HTML: ## Tipps wird zu <h2>Tipps</h2>, und eine Liste mit Bindestrichen wird zu einem korrekten <ul>. Kopieren Sie das Ergebnis in ein CMS, eine HTML-E-Mail, eine Webseite oder jeden Editor, der HTML akzeptiert.

Ein schneller Weg, in Markdown geschriebene Notizen und Dokumente auf Plattformen zu bringen, die nur HTML verstehen.

So verwenden Sie Markdown in HTML

1. Fügen Sie Ihren Markdown-Text ein.
2. Senden Sie ab, um ihn umzuwandeln.
3. Kopieren Sie das HTML.
4. Fügen Sie es in die HTML-Ansicht Ihrer Website, Ihres CMS oder Ihrer E-Mail-Vorlage ein.

Beispiele

Überschriften, Hervorhebung und Listen

Eingabe:

# Title

**Bold** and *italic* with a [link](https://mybotsy.com).

- one
- two

Ausgabe:

<h1>Title</h1>
<p><strong>Bold</strong> and <em>italic</em> with a <a href="https://mybotsy.com">link</a>.</p>
<ul>
<li>one</li>
<li>two</li>
</ul>

Eine Tabelle

Eingabe:

| a | b |
|---|---|
| 1 | 2 |

Ausgabe:

<table>
<thead>
<tr>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
</tr>
</tbody>
</table>

Durchgestrichener Text und rohes HTML

Eingabe: ~~strike~~ and <span>raw html</span>

Ausgabe: <p><del>strike</del> and <span>raw html</span></p>

HTML im Markdown wird unverändert durchgereicht.

Typische Anwendungen

• Inhalte aus einem README oder einer Dokumentation auf einer Website veröffentlichen.
• Notizen aus Obsidian, Notion oder anderen Markdown-Apps in ein CMS übertragen.
• Artikel in Markdown schreiben und das HTML in WordPress oder Ähnliches einfügen.
• HTML-E-Mail-Inhalte aus Markdown-Entwürfen vorbereiten.
• Lernen, wie Markdown den HTML-Elementen entspricht.
• README-Dateien in Webseiten oder Dokumentation verwandeln.

Tipps und Wissenswertes

• Lassen Sie eine Leerzeile zwischen Absätzen, Überschriften und Listen, damit sie richtig erkannt werden.
• Es gibt mehrere Markdown-Varianten: Tabellen, Aufgabenlisten und durchgestrichener Text stammen aus Erweiterungen wie GitHub Flavored Markdown und werden eventuell nicht überall umgewandelt.
• Machen Sie aus Ihren Überschriften URL-freundliche Anker mit dem Slug-Generator.
• Minifizieren Sie das Ergebnis mit dem HTML-Minifier oder wandeln Sie Foreninhalte mit BBCode in HTML um.

Sonderfälle und Grenzen

• Da rohes HTML unverändert durchgeht, wandeln und veröffentlichen Sie kein Markdown aus nicht vertrauenswürdigen Quellen, ohne es zu bereinigen; ein <script>-Tag würde überleben.
• Aufgabenlisten aus GitHub oder Obsidian werden nicht zu Kontrollkästchen: - [ ] Aufgabe bleibt ein Listenpunkt, der [ ] als Text zeigt.
• Fußnoten und Definitionslisten werden nicht unterstützt: Ihre Syntax bleibt als Klartext stehen.

Häufige Fragen

Was ist Markdown?

Eine schlanke Auszeichnungssprache, 2004 von John Gruber entwickelt, die Klartextsymbole zur Formatierung nutzt und sich sauber in HTML umwandeln lässt.

Ist Markdown zum Schreiben besser als HTML?

Für Fließtext ist es schneller und lesbarer. HTML bietet mehr Kontrolle über Design und Layout.

Werden Tabellen unterstützt?

Ja. Tabellen mit senkrechten Strichen im GitHub-Stil, mit Kopfzeile und Trennzeile ---, werden zu einer vollständigen HTML-Tabelle. Durchgestrichener Text mit ~~ funktioniert auch.

Kann ich das HTML-Ergebnis sicher auf meiner Website einfügen?

Das Ergebnis spiegelt wider, was Sie eingegeben haben. Wandeln Sie Markdown aus nicht vertrauenswürdigen Quellen um, bereinigen Sie das HTML vor dem Veröffentlichen.

Ähnliche Tools

• BBCode in HTML: Wandeln Sie BBCode-Schnipsel aus Foren in HTML-Code um.
• HTML-Minifier: Minifizieren Sie Ihr HTML, indem Sie alle unnötigen Zeichen entfernen.
• HTML-Entity-Konverter: Codieren oder decodieren Sie die HTML-Entities eines beliebigen Textes.
• HTML-Tag-Entferner: Entfernen Sie ganz einfach alle HTML-Tags aus einem Textblock.
• Slug-Generator: Erzeugen Sie einen URL-Slug aus beliebigem Text.