Markdown in HTML – .md-Dateien sofort in HTML umwandeln
Wandle Markdown-Dokumente mit voller Unterstützung für GitHub Flavored Markdown (GFM) in HTML um: Überschriften, Fett-/Kursivschrift, Links, Bilder, Codeblöcke, umrandete Codeblöcke mit Sprachhinweisen, Blockzitate, ungeordnete und geordnete Listen, Aufgabenlisten und Tabellen. Die Ausgabe ist sauberes HTML, bereit zum Einbetten in eine Webseite, E-Mail-Vorlage oder ein CMS. Die Umwandlung läuft in deinem Browser mit der marked-Bibliothek.
So verwendest du dieses Tool
Füge dein Markdown ein
Füge beliebigen Markdown-Inhalt ein – README-Dateien, Blogbeiträge, Dokumentation oder Notizen. GitHub Flavored Markdown wird vollständig unterstützt.
Klicke auf Konvertieren
Die marked-Bibliothek parst dein Markdown und erzeugt HTML. Überschriften werden zu <h1>–<h6>, Fettschrift zu <strong>, Links werden zu <a>-Tags, und Codeblöcke werden zu <pre><code> mit Sprachklassen-Hinweisen.
HTML kopieren oder herunterladen
Kopiere das HTML in die Zwischenablage, um es in ein CMS oder einen Code-Editor einzufügen, oder lade es als .html-Datei herunter.
In deine Seite einbetten
Die Ausgabe-HTML ist ein Fragment (keine vollständige Seite). Umschließe es mit dem <body> deiner Seite oder füge es in deinen Content-Editor ein. Füge eigene CSS-Styles für Überschriften, Codeblöcke und Blockzitate hinzu.
Häufig gestellte Fragen
Unterstützt das Tool GitHub Flavored Markdown (GFM)?
Ja, die marked-Bibliothek unterstützt GFM inklusive: umrandeten Codeblöcken mit Syntax-Highlighting-Hinweisen (```javascript), Tabellen (mit | Pipe-Zeichen), Aufgabenlisten (- [ ] und - [x]), durchgestrichenem Text (~~text~~) und automatischer URL-Verlinkung. Standard-CommonMark-Funktionen werden ebenfalls unterstützt.
Ist die HTML-Ausgabe sicher zum direkten Einbetten in eine Webseite?
Das HTML dieses Tools wird nicht bereinigt – enthält dein Markdown-Input rohes HTML (was Markdown erlaubt), wird es unverändert durchgereicht. Für nutzergeneriertes Markdown, das auf einer öffentlichen Website gerendert wird, bereinige die HTML-Ausgabe immer mit einer Bibliothek wie DOMPurify, um XSS-Angriffe zu verhindern, bevor du sie in das DOM einfügst.
Wie werden Codeblöcke umgewandelt?
Codeblöcke (mit 4 Leerzeichen eingerückt oder in Backticks eingeschlossen) werden zu <pre><code>-HTML. Umrandete Blöcke mit einem Sprachhinweis (```python) erhalten ein class="language-python"-Attribut auf dem <code>-Element, das Syntax-Highlighting-Bibliotheken wie Prism.js oder highlight.js nutzen, um Farben anzuwenden.
Kann ich Markdown-Dateien aus GitHub-READMEs umwandeln?
Ja. GitHub Markdown (GFM) ist der Standard, den dieses Tool unterstützt. Exportiere oder kopiere das rohe Markdown aus einer README.md (nutze die Raw-Schaltfläche auf GitHub), füge es hier ein und erhalte HTML, das dem entspricht, wie GitHub es rendert.
Verarbeitet das Tool Markdown-Mathematik oder LaTeX-Gleichungen?
Einfaches Markdown mit Inline-Codeblöcken handhabt einfache mathematische Notation. Vollständiges LaTeX-/KaTeX-Mathe-Rendering ist in diesem Tool nicht enthalten. Für mathelastiges Markdown (wie Jupyter-Notebooks oder wissenschaftliche Arbeiten) verwende Pandoc auf der Kommandozeile, das eingebaute LaTeX- und MathJax-Unterstützung bietet.
Das könnte dich auch interessieren
Funktioniert etwas nicht? Fehler melden