Markdown-Vorschau und Umwandlung in HTML

Markdown schreiben oder einfügen, die Vorschau aktualisiert sich beim Tippen. HTML kopieren oder als Datei speichern.

Vorschau

Hier erscheint die Vorschau.

Läuft vollständig in deinem Browser. Eingaben werden weder gesendet noch gespeichert.

So funktioniert es

  1. Markdown links eingeben oder einfügen.
  2. Das Ergebnis rechts prüfen; es aktualisiert sich beim Tippen.
  3. Mit „HTML kopieren“ oder „HTML herunterladen“ das HTML übernehmen.

Markdown ist das Klartextformat, das in README-Dateien, GitHub-Issues, Wikis, Notiz-Apps und vielen Blogs verwendet wird. Hier sehen Sie vor dem Veröffentlichen, wie ein Dokument aussieht, oder wandeln Markdown in HTML um, das Sie in ein CMS oder eine E-Mail-Vorlage einfügen. Die Vorschau aktualisiert sich, sobald Sie mit dem Tippen innehalten.

Gerendert wird mit markdown-it 12.3.2 mit aktiviertem HTML, Zeilenumbrüchen und automatischer Verlinkung sowie dem Plugin markdown-it-emoji. Weil Zeilenumbrüche aktiv sind, erzeugt ein einzelnes Enter ein <br>; striktes CommonMark und viele Websites würden diese Zeilen zu einem Absatz zusammenziehen, das Ergebnis kann also vom Zielort abweichen. Codeblöcke färbt highlight.js 11.4.0 mit 34 gängigen Sprachen ein; andere Sprachen bleiben ungefärbt.

Alles läuft vor Anzeige und Kopie durch DOMPurify 3.2.6, sodass Skripte und Event-Attribute aus eingefügtem HTML entfernt werden. Der Download ist ein HTML-Fragment ohne Stile, passend für Seiten mit eigenem CSS. Die Umwandlung geschieht im Browser, Ihr Text wird nicht hochgeladen. Bilder, die Sie per URL einbinden, lädt der Browser allerdings wie auf jeder Webseite von deren Servern.

Häufige Fragen

Welche Markdown-Syntax wird unterstützt?

CommonMark über markdown-it, dazu Tabellen, Durchstreichen (~~Text~~), Emoji-Kürzel wie :smile: und automatische Links für URLs. Ein einfacher Zeilenumbruch wird zu <br>.

Kann ich HTML im Markdown verwenden?

Ja. HTML ist erlaubt, die Ausgabe wird aber mit DOMPurify bereinigt: <script>-Tags, on…-Ereignisattribute und javascript:-Links werden entfernt, sodass nichts aus dem Text ausgeführt wird.

Wird Code hervorgehoben?

Ja. Umzäunte Codeblöcke werden mit highlight.js eingefärbt. Sprache nach den Backticks angeben (```js) oder automatisch erkennen lassen.

Ähnliche Tools