Markdown-zu-HTML-Konverter
Wandle Markdown mit einer Live-Vorschau in HTML um.
Läuft in deinem Browser. Nichts, was du eingibst, wird irgendwohin gesendet.
- Live-Vorschau
- GitHub-Flavored-Tabellen
- Nichts wird hochgeladen
So wandelst du Markdown in HTML um
- Füg dein Markdown ein.
- Prüf die Live-Vorschau darunter.
- Kopiere oder lade das HTML herunter.
Unterstützte GitHub-Flavored-Funktionen
| Funktion | Beispiel |
|---|---|
| Tabellen | | a | b | |
| Aufgabenlisten | - [ ] todo |
| Durchstreichen | ~~text~~ |
| Codeblöcke mit Zaun | ```js ... ``` |
Wie die Vorschau sicher bleibt
- script-, style- und iframe-Tags werden entfernt, bevor die Vorschau gerendert wird.
- Inline-Event-Handler, wie onclick, werden entfernt.
- javascript:-Links werden durch ein harmloses # ersetzt, damit sie keinen Code ausführen können.
Wo umgewandeltes HTML genutzt wird
- Ein README oder eine Doku-Seite als Teil einer statischen Website veröffentlichen.
- Formatierten Inhalt in eine E-Mail oder ein CMS einfügen, das rohes HTML akzeptiert.
- Vorab ansehen, wie Markdown gerendert wird, bevor es in ein Repository übernommen wird.
- Einen Ausschnitt ausprobieren, bevor er in ein Kommentarfeld eingefügt wird, das GitHub Flavored Markdown rendert, wie eine Pull-Request-Beschreibung.
Kurzreferenz Markdown-Syntax
| Markdown | Wird gerendert als |
|---|---|
| # Überschrift | Eine Überschrift der Ebene 1 |
| **fett** | Fetter Text |
| *kursiv* | Kursiver Text |
| [text](url) | Ein Link |
| - Punkt | Ein Aufzählungspunkt |
| `code` | Inline-Code |
Häufige Fragen zu Markdown zu HTML
Ist die Vorschau sicher anzusehen?
Ja. Script-Tags, Inline-Event-Handler und javascript-Links werden entfernt, bevor die Vorschau gerendert wird.
Kann ich Markdown mit eingebettetem HTML einfügen?
Ja. Inline-HTML im Markdown bleibt erhalten und wird zusammen mit dem restlichen Inhalt gerendert.
Unterstützt es Codeblöcke mit Syntaxhervorhebung?
Codeblöcke behalten ihren Sprachnamen in einem class-Attribut, aber diese Seite fügt keine farbige Syntaxhervorhebung hinzu.
Welche Markdown-Bibliothek nutzt das hier?
marked, mit aktiviertem GitHub Flavored Markdown (gfm), Tabellen, Aufgabenlisten und Durchstreichen werden also genau wie auf GitHub geparst.
Unterstützt es Fußnoten oder Definitionslisten?
Nein. Das sind Erweiterungen über GitHub Flavored Markdown hinaus und werden hier nicht unterstützt.
Kann ich Markdown mit eingebetteten Bildern in der Vorschau sehen?
Ja, eine Bildreferenz wie  wird in der Vorschau angezeigt, solange die URL von deinem Browser erreichbar ist. Ein lokaler Dateipfad auf deinem eigenen Computer lädt in einer Webseite nicht.
Spielt der Zeilenabstand in Markdown eine Rolle?
Ja. Eine Leerzeile trennt zwei Absätze. Ein einzelner Zeilenumbruch innerhalb eines Absatzes wird meist ignoriert, außer die Zeile endet mit zwei nachgestellten Leerzeichen oder einem Backslash, beide erzwingen einen Zeilenumbruch.
Kann ich eine Liste in einer Liste verschachteln, oder einen Codeblock in einem Listenelement?
Ja. Rück den verschachtelten Inhalt um 2 oder 4 Leerzeichen unter der Markierung des Listenelements ein, marked liest die Einrückung genauso wie GitHubs Markdown-Renderer.