DevToolPal
DE

Markdown zu HTML Konverter

Wandelt Markdown in HTML um – mit GitHub Flavored Markdown, Überschriften-IDs, optionaler Bereinigung und kompletter Seite.

Läuft lokal, wird nie hochgeladen

Optionen

Markdown

0 Zeichen · 0 B

HTML

0 Zeichen · 0 B

Was das Tool macht

Der Markdown-zu-HTML-Konverter wandelt Markdown-Text in HTML-Markup um, das Sie in ein CMS, eine E-Mail-Vorlage, eine statische Seite oder überall dort einfügen können, wo HTML, aber kein Markdown akzeptiert wird. Praktisch ist das, um ein README auf einer Website zu veröffentlichen, Notizen in einen Blog-Editor zu übernehmen oder genau zu prüfen, welche Tags ein Markdown-Schnipsel erzeugt.

Die Ausgabe ist dasselbe HTML, das verbreitete Markdown-Renderer erzeugen: Überschriften <h1> bis <h6>, Absätze <p>, Listen <ul> und <ol>, <pre><code>-Blöcke mit einer language--Klasse für Syntax-Highlighter und <table>-Markup für Tabellen im GitHub-Stil.

So funktioniert es

  1. Tippen oder fügen Sie Markdown ein, laden Sie eine .md-Datei hoch oder klicken Sie auf Beispiel.
  2. Wählen Sie die nötigen Optionen: GitHub Flavored Markdown, Zeilenumbrüche als <br>, Überschriften-IDs für Ankerlinks, Bereinigung für nicht vertrauenswürdige Eingaben und ein vollständiges HTML-Dokument statt eines Fragments.
  3. Kopieren Sie das HTML oder laden Sie es als .html-Datei herunter.

Das Ergebnis aktualisiert sich beim Tippen. Lassen Sie die Option für das vollständige Dokument aus, wenn Sie das Ergebnis in eine bestehende Seite einfügen, und schalten Sie sie ein, wenn Sie eine eigenständige Datei brauchen.

Beispiel

Dieses Markdown:

## Install

Run the **installer** and read the [guide](https://example.com).

- Windows
- macOS

wird zu diesem HTML:

<h2>Install</h2>
<p>Run the <strong>installer</strong> and read the <a href="https://example.com">guide</a>.</p>
<ul>
<li>Windows</li>
<li>macOS</li>
</ul>

Tipps

  • Rohes HTML im Markdown bleibt standardmäßig unverändert, wie bei den meisten Renderern. Schalten Sie die Bereinigung immer ein, wenn jemand anderes das Markdown geschrieben hat.
  • Mit Überschriften-IDs können Sie über eine Adresse wie page.html#install auf einen Abschnitt verlinken und aus den Überschriften ein Inhaltsverzeichnis bauen.
  • Codeblöcke behalten ihre Sprache als Klasse, sodass Highlighter wie Prism oder highlight.js sie ohne Zusatzaufwand erkennen.
  • Um das gerenderte Ergebnis daneben zu sehen, nutzen Sie die Markdown-Vorschau. Für die Gegenrichtung gibt es den HTML-zu-Markdown-Konverter.

FAQ

› Welche Markdown-Syntax wird unterstützt?

Alles aus CommonMark, etwa Überschriften, Hervorhebungen, Links, Bilder, Listen, Zitate, Code und horizontale Linien. Mit GitHub Flavored Markdown kommen Tabellen mit Spaltenausrichtung, Aufgabenlisten, Durchstreichungen und automatische Links für nackte URLs dazu.

› Was macht die Option Bereinigen?

Sie maskiert rohes HTML im Markdown, sodass es als Text erscheint statt zu Tags zu werden, und entfernt Links und Bilder, deren URL ein unsicheres Schema wie javascript oder vbscript verwendet. Schalten Sie sie ein, wenn das Markdown von Nutzern stammt, denen Sie nicht vertrauen, zum Beispiel Kommentare oder Forenbeiträge.

› Wie werden die Überschriften-IDs erzeugt?

Genau wie bei GitHub. Der Überschriftentext wird kleingeschrieben, Satzzeichen werden entfernt und Leerzeichen zu Bindestrichen, sodass Getting Started die ID getting-started bekommt. Wiederholte Überschriften erhalten -1, -2 und so weiter, damit jeder Anker eindeutig bleibt.

› Wofür ist die Option vollständiges HTML-Dokument?

Sie bettet das Ergebnis in eine komplette Seite mit Doctype, UTF-8-Zeichensatz, Viewport-Tag, einem Titel aus der ersten Überschrift der ersten Ebene und einem kleinen, gut lesbaren Stylesheet ein. Als .html-Datei gespeichert öffnet sie sich sauber in jedem Browser.

› Wird mein Markdown irgendwohin gesendet?

Nein. Die Umwandlung läuft in Ihrem Browser mit der Bibliothek marked, und nichts wird auf einen Server hochgeladen.