Von Markdown zu HTML
Der Konverter verwendet marked und unterstützt GitHub-Flavored Markdown. Neben Überschriften, Absätzen, Listen, Links, Bildern, Zitaten und Codeblöcken versteht er Tabellen, Aufgabenlisten mit Checkboxen, Durchstreichungen mit ~~ und Autolinks, also URLs, die ohne Markdown-Syntax automatisch zu Links werden.
Sie wählen zwischen zwei Ausgaben. Als Fragment erhalten Sie nur das HTML des Inhalts, ideal zum Einfügen in ein CMS, eine Vorlage oder eine bestehende Seite. Als vollständiges Dokument bekommen Sie eine eigenständige HTML-Datei mit <!DOCTYPE>, <head> und einfachen Grundstilen, die sich direkt im Browser öffnen oder verschicken lässt.
Eine weitere Option betrifft Zeilenumbrüche. Im Standard-Markdown erzeugt ein einfacher Zeilenumbruch keinen Umbruch im HTML, Zeilen werden zu einem Absatz zusammengefügt. Mit der Option Zeilenumbrüche als <br> verhält sich der Konverter wie GitHub-Kommentare und übernimmt jeden Umbruch. Neben dem HTML-Code sehen Sie eine gerenderte Vorschau, die mit DOMPurify bereinigt wird, damit eingebettetes Skript nicht ausgeführt wird. Das erzeugte HTML ist schlicht und semantisch: Überschriften werden zu <h1> bis <h6>, Absätze zu <p>, Listen zu <ul> oder <ol>, Codeblöcke zu <pre><code> mit einer Sprachklasse, wenn Sie nach den drei Backticks eine Sprache angeben. Klassen oder Inline-Stile werden nicht hinzugefügt, sodass das Ergebnis die Stile Ihrer Website übernimmt. Wenn Sie Rohdaten in HTML-Form brauchen, etwa für ein CMS-Feld, verwenden Sie das Fragment; zum Verschicken oder Archivieren ist das vollständige Dokument praktischer.
Alles läuft in Ihrem Browser, Ihr Text wird nicht hochgeladen. Kostenlos wandeln Sie eine Datei oder einen eingefügten Text um und können denselben Text mit anderen Optionen erneut konvertieren. Für neue Eingaben, mehrere .md-Dateien gleichzeitig mit ZIP-Download und ohne Werbung gibt es ToolStudio Pro, jederzeit kündbar.
So wandeln Sie Markdown in HTML um
- Markdown einfügen oder eine .md-Datei ablegen bzw. auswählen.
- Festlegen, ob Zeilenumbrüche als <br> übernommen werden.
- Ausgabe wählen: HTML-Fragment oder vollständiges Dokument mit Grundstilen.
- Umwandlung starten und die gerenderte Vorschau neben dem HTML-Code prüfen.
- HTML kopieren oder herunterladen.
Wofür Sie den Konverter nutzen
- In Markdown geschriebene Artikel in ein CMS ohne Markdown-Unterstützung einfügen.
- Aus einer README eine eigenständige HTML-Seite erzeugen.
- Newsletter- oder E-Mail-Texte in Markdown schreiben und als HTML übernehmen.
- Notizen aus Obsidian oder anderen Markdown-Editoren veröffentlichen.
- Prüfen, wie eine Markdown-Tabelle oder Aufgabenliste gerendert wird.
Beispiele für die Umwandlung
- # Titel wird zu <h1>Titel</h1>.
- **fett** und *kursiv* werden zu <strong>fett</strong> und <em>kursiv</em>.
- [ToolStudio](https://toolstudio.es) wird zu einem <a>-Link mit href.
- - [x] erledigt wird zu einem Listenpunkt mit angehakter Checkbox.
- ~~alt~~ wird zu <del>alt</del>.
- Eine Tabelle mit | Spalte | und Trennzeile |---| wird zu <table> mit <thead> und <tbody>.
Häufig gestellte Fragen
Was ist GitHub-Flavored Markdown?
Eine Erweiterung von Markdown, die GitHub verwendet. Sie ergänzt Tabellen, Aufgabenlisten, Durchstreichungen und Autolinks.
Fragment oder vollständiges Dokument?
Ein Fragment fügen Sie in eine bestehende Seite ein. Ein vollständiges Dokument ist eine eigenständige HTML-Datei mit Kopfbereich und Grundstilen.
Warum fehlen meine Zeilenumbrüche?
In Standard-Markdown werden einfache Umbrüche zusammengefügt. Aktivieren Sie Zeilenumbrüche als <br> oder trennen Sie Absätze mit einer Leerzeile.
Ist die Vorschau sicher?
Ja, die Vorschau wird mit DOMPurify bereinigt, bevor sie angezeigt wird. Ihr Text wird zudem nicht hochgeladen.
Ist das Werkzeug kostenlos?
Eine Datei oder ein eingefügter Text ist kostenlos, und denselben Text können Sie mit anderen Optionen erneut umwandeln. Neue Eingaben erfordern ToolStudio Pro: unbegrenzte Nutzung, mehrere Dateien als ZIP, keine Werbung, jederzeit kündbar.