ConvertOwl

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

  1. 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.

  2. 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.

  3. 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.

  4. 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.

Funktioniert etwas nicht? Fehler melden