Markdown-zu-HTML-Konverter: Live-Vorschau, GFM-Tabellen, E-Mail-fähiges HTML | We.Inc
Wandle Markdown mit einer Live-Vorschau nebeneinander in HTML um. Unterstützt Tabellen, Aufgabenlisten, Durchstreichen und Fußnoten, fügt Überschriften-IDs hinzu, maskiert unsicheres HTML und exportiert E-Mail-fähige Inline-Styles.
Markdown-zu-HTML-Konverter
Bei der Umwandlung von Markdown in HTML wird Formatierung im Klartext zu Tags: Aus # Title wird <h1>, aus **bold** wird <strong>, eine Zeile, die mit - beginnt, wird zu einem Listenpunkt. Tippe oder füge links Markdown ein und erhalte rechts sauberes HTML und eine Live-Vorschau, inklusive Tabellen, Aufgabenlisten, Fußnoten und Überschriften-IDs.
Ein geteilter Editor mit Live-Vorschau, die GitHub-Extras, die man wirklich nutzt, ein sicherer Modus für Inhalte von anderen und drei Ausgabewege: reines HTML, eine vollständige HTML-Datei oder HTML mit Inline-Styles, das auch das Einfügen in einen E-Mail-Editor übersteht.
Tippe oder füge Markdown ein oder öffne eine .md-Datei. HTML und Vorschau aktualisieren sich beim Tippen.
Lass den sicheren Modus aktiviert, um rohes HTML in der Quelle zu maskieren und javascript:-Links zu blockieren. Deaktiviere ihn nur für Markdown, das du selbst geschrieben hast.
Schalte Überschriften-IDs für verlinkbare Abschnitte ein und Zeilenumbrüche, wenn einzelne Zeilenwechsel zu <br> werden sollen.
Kopiere das HTML, kopiere es mit Inline-Styles für E-Mails oder lade eine vollständige HTML-Datei mit einem einfachen Stylesheet herunter.
Lass zwischen Blöcken eine Leerzeile. Die meisten Markdown-Überraschungen entstehen durch eine Liste oder Überschrift, die direkt an den Absatz darüber anschließt.
Rücke verschachtelte Listenpunkte um zwei oder mehr Leerzeichen ein, damit sie unter dem Text des Punkts darüber stehen.
Maskiere ein Zeichen, das Markdown sonst als Formatierung lesen würde, mit einem Backslash, zum Beispiel \* für ein echtes Sternchen.
Für eine Tabelle sind eine Kopfzeile und eine Trennzeile aus Bindestrichen Pflicht. Doppelpunkte in der Trennzeile legen die Ausrichtung fest.
Häufige Fragen
Welche Markdown-Variante wird unterstützt?
Die alltägliche CommonMark-Syntax (Überschriften, Hervorhebungen, Links, Bilder, Listen, Zitate, Codeblöcke, Trennlinien) plus die Extras von GitHub Flavored Markdown: Tabellen, Aufgabenlisten, Durchstreichen und automatisch verlinkte URLs. Fußnoten funktionieren so, wie GitHub sie darstellt. Es ist ein kompakter Konverter und keine vollständige Umsetzung der Spezifikation, daher kann sehr ungewöhnliche Verschachtelung von GitHub abweichen.
Kann ich das HTML bedenkenlos auf meiner Website verwenden?
Mit aktiviertem sicherem Modus wird rohes HTML im Markdown als Text angezeigt, und Linkziele, die Skripte ausführen könnten, werden ersetzt. Das deckt die üblichen Risiken bei Inhalten ab, die du nicht selbst geschrieben hast. Wenn du Nutzerinhalte auf deinem eigenen Server umwandelst, schicke das Ergebnis trotzdem durch einen HTML-Sanitizer wie DOMPurify.
Wie füge ich Markdown in eine E-Mail ein?
Nutze „Für E-Mail kopieren“. E-Mail-Editoren entfernen Style-Blöcke, deshalb schreibt diese Option die Styles direkt an jedes Tag (inline). Füge das Ergebnis in die HTML- oder Quelltextansicht deines E-Mail-Tools ein.
Werden meine Dokumente hochgeladen?
Nein. Die Umwandlung läuft in deinem Browser, und Dateien, die du öffnest, werden lokal gelesen.
Warum Überschriften-IDs sinnvoll sind
Eine ID an jeder Überschrift erlaubt es dir, direkt auf einen Abschnitt zu verlinken, etwa /docs#install, und ein Inhaltsverzeichnis kann damit auf der Seite springen. Die IDs folgen hier demselben Muster wie bei GitHub, sodass Links, die du schon aus einer README hast, weiter funktionieren, wenn der Inhalt auf eine Website umzieht.
Haben zwei Überschriften denselben Text, bekommt die zweite -1 an ihre ID angehängt, die dritte -2 und so weiter, damit jede ID eindeutig bleibt.
Von Markdown zur fertigen Seite
Die Download-Option packt das HTML in ein vollständiges Dokument mit einem gut lesbaren Stylesheet, was für ein Changelog, eine Richtlinienseite oder ein schnelles Handout reicht. Für eine komplette Website kann das umgewandelte HTML in jede Seitenvorlage oder jeden Website-Builder, der eigenes HTML akzeptiert.
Für den umgekehrten Weg wandelt der HTML-zu-Markdown-Konverter bestehende Seiten zurück in Markdown um, was praktisch ist, wenn du Inhalte in ein Docs-Repository verschiebst.