Markdown in HTML umwandeln

Erhalten Sie eingerückten HTML-Quelltext aus Ihrem Markdown, bereit für ein CMS oder zum Speichern.

Läuft in Ihrem Browser
Keine Uploads
Kein Konto

Ihr Browser-Tool wird geladen…

Was Markdown in HTML umwandeln macht

Viele Help-Center-Editoren, E-Mail-Baukästen und statische Seiten akzeptieren HTML, aber kein Markdown. Fügen Sie Ihr Markdown ein und Sie erhalten den HTML-Quelltext mit einem Block pro Zeile und eingerückten verschachtelten Listen, sodass er leicht zu lesen und zu vergleichen ist.

Wählen Sie „HTML-Fragment“, um es in eine vorhandene Seite einzufügen, oder „Vollständiges Dokument“ für eine eigenständige Datei mit Doctype, Zeichensatz, Viewport-Tag und einem Titel aus der ersten H1. Schalten Sie das Ergebnis auf „Vorschau“, um die gerenderte Version vor dem Kopieren zu prüfen. Wenn Sie nur die Formatierung ansehen möchten, ist die Markdown-Vorschau schneller.

Beispiel

Eingabe

## Video exportieren

Klicken Sie auf **Exportieren** und wählen Sie `MP4`.

1. Projekt öffnen
2. 1080p wählen

Ergebnis

<h2 id="video-exportieren">Video exportieren</h2>
<p>Klicken Sie auf <strong>Exportieren</strong> und wählen Sie <code>MP4</code>.</p>
<ol>
  <li>Projekt öffnen</li>
  <li>1080p wählen</li>
</ol>

Die Überschrift erhält eine id im GitHub-Stil, daher funktioniert ein Link auf #video-exportieren auch auf der umgewandelten Seite.

Anleitung: Markdown in HTML umwandeln

Fügen Sie Markdown ein, klicken Sie auf „Datei öffnen“ oder auf „Beispiel verwenden“.
Wählen Sie unter „Ausgabe“ „HTML-Fragment“ oder „Vollständiges Dokument“ und prüfen Sie das Ergebnis mit dem Umschalter „Quelltext“ und „Vorschau“.
Klicken Sie auf „Kopieren“ oder auf „.html herunterladen“, um die Datei zu speichern.

Gut zu wissen

Es wird kein CSS hinzugefügt. Ein vollständiges Dokument öffnet sich als schlichte, ungestaltete Browserseite, bis Sie Ihr eigenes Stylesheet verlinken.
Jede Überschrift erhält eine id, und es gibt keinen Schalter, um das abzuschalten. Lehnt Ihr CMS ids ab, schicken Sie die Ausgabe durch HTML bereinigen, das die ids entfernt.
Abgegrenzter Code behält eine Klasse language-, wird aber nicht farblich hervorgehoben; der Syntax-Highlighter Ihrer Website muss diese Klasse aufgreifen.

Fragen zu Markdown in HTML umwandeln

Wie wandle ich eine Markdown-Datei in HTML um?

Klicken Sie auf „Datei öffnen“ und wählen Sie die .md-Datei, oder fügen Sie ihren Text ein. Das HTML erscheint sofort rechts. Wählen Sie „Vollständiges Dokument“, wenn Sie eine Seite möchten, die sich im Browser öffnen lässt, und klicken Sie dann auf „.html herunterladen“.

Was ist der Unterschied zwischen einem HTML-Fragment und einem vollständigen Dokument?

Ein Fragment ist nur der Inhalt des body: Überschriften, Absätze, Listen und Tabellen. Ein vollständiges Dokument umschließt das mit html-, head- und body-Tags samt Doctype, UTF-8-Zeichensatz, Viewport-Meta-Tag und Titel und funktioniert so als komplette Webseite.

Werden Markdown-Tabellen zu HTML-Tabellen?

Ja. Pipe-Tabellen werden zu table-Elementen mit thead und tbody, und die Ausrichtung aus der Trennzeile, etwa ---:, wird zu einem align-Attribut an jeder Zelle dieser Spalte.

Kann ich die Ausgabe in WordPress oder einen Help-Center-Editor einfügen?

Ja, sofern der Editor eine HTML- oder Code-Ansicht hat. Fügen Sie das Fragment dort ein und nicht in den visuellen Editor, der die Tags als wörtlichen Text anzeigen würde.