Text

Markdown Preview / HTML ↔ Markdown

Live-Vorschau von Markdown als formatiertes HTML, plus Konvertierung in beide Richtungen: Markdown → HTML und HTML → Markdown.

Markdown is a lightweight markup language that formats text with plain characters (**bold**, # heading, - list) and stays readable even unrendered. This tool gives you a live preview of Markdown as HTML and converts in both directions.

How to use it

Common uses

Things to keep in mind

Different platforms (GitHub, GitLab, Discord) support slightly different Markdown extensions (tables, strikethrough, checkboxes) — the base syntax is the same everywhere.

Converting HTML to Markdown loses whatever Markdown can't express: complex layout, inline styles, deeply nested elements.

Artikel zu diesem Tool: Markdown: warum einfache Textsyntax komplexe Editoren geschlagen hat

Häufig gestellte Fragen

Welche Konvertierungen werden angeboten?

Drei Modi sind verfügbar: eine Live-Vorschau von Markdown, gerendert als formatiertes HTML, eine explizite Markdown-→-HTML-Konvertierung und eine umgekehrte HTML-→-Markdown-Konvertierung.

Welche Markdown-Rendering-Engine wird verwendet?

Es handelt sich um ein einfaches clientseitiges Markdown-Rendering in JavaScript, unabhängig von einer bestimmten serverseitigen Template-Engine wie Blade oder Twig; das Ergebnis spiegelt Standard-Markdown wider, keine frameworkspezifische Syntax.

Wird mein Markdown- oder HTML-Inhalt an einen Server gesendet?

Nein, Konvertierung und Vorschau erfolgen vollständig im Browser, kein Inhalt wird online übertragen.

Warum sieht dieselbe Datei in verschiedenen Anwendungen unterschiedlich aus?

Das ursprüngliche Markdown definiert keine Tabellen, keinen durchgestrichenen Text und keine Syntaxhervorhebung in Codeblöcken — das sind Erweiterungen verschiedener Implementierungen. GitHub Flavored Markdown und die CommonMark-Spezifikation behandeln manche mehrdeutigen Fälle unterschiedlich, sodass das Rendering derselben Datei je nach Parser abweichen kann.

Was geht bei der Konvertierung von komplexem HTML in Markdown verloren?

HTML bietet deutlich mehr Formatierungsmöglichkeiten als grundlegendes Markdown, sodass komplexe Tabellen, verschachtelte Stile oder nicht standardisierte Auszeichnung bei der Rückkonvertierung vereinfacht werden oder verloren gehen können.

Artikel: Text

Case Converter: warum es unterschiedliche Namensstile gibt

Warum in einem Projekt Variablen in camelCase, Dateien aber in kebab-case geschrieben werden, und woher diese Regeln stammen.

Text Diff: wie Algorithmen den Unterschied zwischen zwei Texten finden

Wie ein Diff-Algorithmus die minimale Menge an Änderungen zwischen zwei Textversionen findet.

Reguläre Ausdrücke: Grundsyntax und typische Muster

Wie man einen regulären Ausdruck liest und wie sich gieriges von faulem Matching unterscheidet.

Zeilen sortieren und Duplikate entfernen: wozu das gut ist

Warum eine numerische Sortierung, die „10" vor „9" setzt, ein Fehler ist, und wie man das vermeidet.

String Escape: warum derselbe Text unterschiedlich escaped werden muss

Warum dasselbe Anführungszeichen in einem JS-String, in JSON und in einem Shell-Befehl unterschiedlich escaped wird.

CRLF gegen LF: warum Zeilenendezeichen immer noch wichtig sind

Warum eine unter Windows geschriebene Datei in Git unter Linux als „komplett geändert" angezeigt werden kann.

Zeichen und Wörter zählen: warum das nicht immer trivial ist

Warum ein Emoji oder ein Zeichen mit Akzent als mehrere Zeichen auf einmal zählen kann.

Lorem Ipsum: woher der Platzhaltertext stammt und wozu er dient

Warum Designer absichtlich „bedeutungslosen" Text statt echtem Inhalt in Entwürfen verwenden.

Slugify: beliebigen Text in eine URL verwandeln

Wie ein Titel wie „Hallo, Welt!" zu einer URL-tauglichen Zeichenkette wie hallo-welt wird.

Leerzeichen und unsichtbare Zeichen: die versteckte Ursache seltsamer Bugs

Warum zwei scheinbar identische Strings wegen eines unsichtbaren Zeichens nicht übereinstimmen können.

Text Reverse: warum „Text umkehren" schwieriger ist, als es klingt

Warum eine naive String-Umkehrung ein Emoji in unbrauchbare Bytes verwandeln kann.

Text-Häufigkeitsanalyse: warum man zählt, wie oft sich Wörter wiederholen

Wie die Buchstabenhäufigkeit in einem Geheimtext hilft, die einfachsten Substitutionschiffren zu knacken.