Markdown-Syntax – Kurzreferenz

Kurzübersicht zu Überschriften, Hervorhebung, Links, Listen, Code, Blockzitaten, Trennlinien und Tabellen – entspricht dem hier verwendeten GitHub-flavored Markdown.

Überschriften
# H1
## H2
### H3
Hervorhebung
**fett**  *kursiv*  ~~durchgestrichen~~
Links
[Text](https://html-viewer.org/de)
<https://html-viewer.org/de>
Listen
- Punkt
- Punkt

1. eins
2. zwei
Code
Inline `code`

```ts
const x = 1
```
Blockzitat
> Zitierte Zeile
> Zweite Zeile
Trennlinie
---
Tabelle (GFM)
| A | B |
|---|---|
| 1 | 2 |
LEITFADEN

Markdown zu HTML – und am Ende sieht es noch gestaltet aus

Viele Konverter machen aus `# Überschriften` ein `<h1>` und sind fertig. Für einen schnellen Dump reicht das – die meisten Publishing-Workflows brauchen aber lesbare Typografie: sinnvolle Zeilenlänge, Tabellen statt Pipe-Wände und Codeblöcke, die nicht wie Fließtext wirken. Diese Seite ist für den zweiten Job: Markdown in HTML umwandeln und Markup mitnehmen, das Sie in eine Kunden-Website, ein Newsletter-Archiv oder einen Squarespace-Code-Block einfügen möchten. Nach dem Laden läuft alles lokal. Einfügen aus Obsidian, Notion, GitHub oder einer Textdatei; der Parser versteht GitHub-flavored Markdown inklusive Pipe-Tabellen und eingezäunten Codeblöcken. Überschriften-IDs entstehen aus dem Überschriftentext, damit Ankerlinks den Export überstehen. Danach: bereinigtes Fragment fürs CMS kopieren oder ein vollständiges HTML-Dokument mit gewähltem Theme und eigenem CSS in einem `<style>`-Block herunterladen.

Markdown-zu-HTML-Konverter mit Live-Vorschau und Stil-Presets per Klick

Gestaltetes Layout, nicht nur Tag-Übersetzung

Unser Unterschied: Umwandlung plus Darstellung. Vorschau-Theme wählen (GitHub-ähnlich, Serif-Dokument, Nachtmodus oder Minimal), dann ein Stil-Preset per Klick – Magazin, Rose Editorial, Blog Pro und weitere –, das Eigenes CSS sofort füllt. Die Vorschau zeigt das Layout, bevor Sie kopieren. Das ist „Layout per Klick“: keine zwanzig Tabellenregeln unter Zeitdruck von Hand schreiben. Feintuning? CSS direkt bearbeiten. Beim Export als vollständiges Dokument werden Theme und eigene Regeln in die HTML-Datei geschrieben – sie öffnet sich wie in der Vorschau freigegeben. Fragment-Export bleibt strukturell: saubere Tags für Squarespace, WordPress oder HTML-Einbettungen; voller Export für eigenständige Vorschau, Übergabe oder Öffnen im Playground der Startseite.

Sicherheit wie bei Publishing-Tools: DOMPurify entfernt riskantes Markup, behält Tabellen, Links, Listen, Codeblöcke und Überschriften-IDs. Roh-HTML zeigt `<thead>` / `<tbody>` vor dem Einfügen. Vorschau und Roh-HTML wechseln Sie in der Panel-Kopfzeile; Markdown und Eigenes CSS auf der Eingabeseite. Kein Konto, keine Upload-Warteschlange, kein „zuerst Pandoc installieren“.

Konverter öffnen
🌱

Stil-Presets per Klick

Acht fertige CSS-Layouts füllen Eigenes CSS mit einem Klick. Die Vorschau aktualisiert sich sofort – Rose, Ozean oder CMS-Feinschliff vergleichen, ohne ein GitHub-Gist für Markdown-CSS zu suchen.

🔬

GFM-Tabellen zum Prüfen

Das Beispieldokument enthält eine Tabelle. Bearbeiten, Zellen in der Vorschau sehen, HTML-Struktur bestätigen – erst dann in den Page Builder.

💫

Zwei Export-Formen

HTML-Fragment für Einbettungsblöcke; vollständiges HTML-Dokument, wenn Styles in einer Datei stecken sollen oder HTML-Vorschau im Haupt-Playground.

FEATURES

Markdown zu HTML mit Tabellen für Squarespace und ähnliche CMS

Pipe-Tabellen aus dem Entwurf werden zu echtem `<table>`-Markup. Fragment-Export wählen, in Code- oder HTML-Block einfügen, auf der Live-Seite prüfen – Vorlagen haben das letzte Wort, aber Sie starten mit sauberer Struktur statt mit dem WYSIWYG-Tabellenkampf.

Markdown-Eingabe neben gerenderter HTML-Vorschau mit Tabellen-Styling

Layout sehen, bevor Sie einfügen

Live-Vorschau in einem sandboxed iframe. Tabellen, Blockzitate und eingezäunter Code aktualisieren sich beim Tippen. Themes setzen die Basis; Stil-Presets legen redaktionelles Layout per Klick darüber. Beim vollen Dokument-Export gilt: was Sie sehen, bekommen Sie – kein separates mysteriöses Stylesheet.

So wandeln Sie Markdown in HTML um

Markdown einfügen oder schreiben

Markdown einfügen oder schreiben

Mit dem Beispiel starten oder eigene Datei einfügen. Standard: GFM-Tabelle, verschachtelte Listen, Blockzitat und eingezäunter Codeblock – die Bausteine, die Sie wirklich nutzen.

Layout per Klick wählen

Layout per Klick wählen

Vorschau-Theme wählen, dann Stil-Presets für schnellen Look – Magazin, Weiche Karte, Startup und andere schreiben CSS ins Tab Eigenes CSS. Rechts auf Vorschau wechseln, Typografie vor dem Export freigeben.

Fragment oder volles Dokument

Fragment oder volles Dokument

Fragment für CMS-Code-Blöcke (nur Struktur). Volles Dokument, wenn die Datei mit Theme und Eigenem CSS im `<head>` öffnen soll. Roh-HTML zeigt exakt, was kopiert oder heruntergeladen wird.

Kopieren, laden oder im Playground öffnen

Kopieren, laden oder im Playground öffnen

HTML in die Zwischenablage, .html-Datei laden oder HTML-Vorschau auf der Startseite. Kopieren, Download und Leeren sind als Symbole neben dem Export-Dropdown – kompakte Toolbar.

Häufige Fragen zu Markdown zu HTML

LOSLEGEN

Markdown in HTML umwandeln – mit Layout, dem Sie vertrauen

Themes, Presets per Klick, GFM-Tabellen, Fragment oder voller Export – kostenlos, ohne Anmeldung.

Markdown zu HTML

Kostenlos
  • Stil-Presets per Klick für sauberen Output
  • GFM-Tabellen mit Live-Vorschau
  • Fragment- oder voller HTML-Export
  • Läuft im Browser nach dem Laden
Tool öffnen

Einbettungsregeln in Ihrem CMS vor Veröffentlichung prüfen.

Aufruf zum Markdown-zu-HTML-Konverter
Clientseitig

Von der Notiz-App zum einfügefertigen HTML

Umwandeln, in der Vorschau gestalten, kopieren oder laden – ohne lokale Toolchain.