Skip to main content
CalculoraCalculora

Finanzen & Wirtschaft

FinanzrechnerInvestition & PlanungPersönliche FinanzenImmobilieninvestitionBusiness-ToolsStartup & Software-Unternehmen

Mathematik & Technik

Mathe-RechnerTechnische ToolsPhysik-WerkzeugeEntwicklertoolsSchul-Tools

Gesundheit & Leben

Medizinische WerkzeugeIntelligentes DienstprogrammZufallsgeneratoren

Kreativ & Spezial

SchöpferökonomieIslamische ToolsNachhaltigkeitSpiele

Umrechner

EinheitenumrechnerLängenumrechnerGewichtsumrechnerTemperaturumrechner→ Einheitenumrechner

Zufallsgeneratoren

ZufallszahlengeneratorPasswortstärke-PrüferGlücksradMünzwurf-SimulatorWürfel-SimulatorZeitzonen-Überschneidungsrechner→ Zufallsgeneratoren
Datei-Konverter

PDF-Tools

PDF zu JPG konvertierenPDF zu PNG konvertierenKonvertieren Sie PDF in TXTPDF in GIF konvertierenPDF in WebP konvertierenPDF in SVG konvertierenKonvertieren Sie PDF in DOCXPDF in Excel umwandelnPDF in PowerPoint umwandelnPDF in HTML umwandelnPDF in Markdown umwandelnPDF in TIFF umwandeln

Bild-Konverter

JPG zu PNG konvertierenPNG zu JPG konvertierenPNG zu WebP konvertierenWebP in PNG konvertierenWebP in JPG konvertierenJPG in WebP konvertierenSVG in PNG umwandelnSVG in JPG umwandelnSVG in WebP konvertierenBMP in PNG konvertierenBMP in JPG konvertierenBMP in WebP konvertieren

Erweiterte Bilder

HEIC in JPG konvertierenHEIC in PNG konvertierenTIFF in JPG konvertierenTIFF in PNG konvertierenJPG in TIFF konvertierenPNG in TIFF konvertierenJPG in ICO konvertierenPNG in ICO konvertierenKonvertieren Sie JPEG in AVIFPNG in AVIF konvertieren

GIF und Animation

GIF-Frames zu PNG konvertierenGIF-Frames zu JPG konvertierenKonvertieren Sie GIF in einzelne Frames (PNG/JPEG)PNG in GIF konvertierenJPG in GIF konvertierenGIF in WebP konvertieren

Bildbearbeitung

Wasserzeichen hinzufügenObjekt aus Bild entfernenBildgröße sofort im Browser ändernBilder online komprimieren — Dateigröße reduzieren, Qualität erhalten
Mathe-Speed-ChallengeKopfrechnen-ChallengeWordleBint WaladSudoku2048
Währungsrechner
CalculoraCalculora

Ihre All-in-One-Rechnerplattform. Kostenlose, schnelle und präzise Tools für jeden Bedarf.

Rechner-Eingaben bleiben zu 100% privat — alle Berechnungen erfolgen in Ihrem Browser und erreichen nie unsere ServerFür immer kostenlos — keine Bezahlschranken, keine Abos, keine Konten nötig

Beliebt

  • BMI-Rechner
  • Kreditrechner
  • Altersrechner
  • Hypothekenrechner
  • Prozentrechner
  • Wissenschaftlicher Rechner

Mathe

  • Statistikrechner
  • Gleichungslöser
  • Bruchrechner
  • Primfaktorzerlegung Rechner
  • ggT und kgV Rechner
  • Logarithmusrechner

Finanzen

  • Finanzielle Unabhängigkeit Früher Ruhestand-Rechner
  • Schulden-Schneeball-Rechner
  • Investitionsrechner
  • Ruhestandsrechner
  • Gehaltsrechner
  • Kapitalrendite-Rechner

Rechtliches

  • Alle ansehen
  • Kategorien
  • Währungsrechner
  • Seitenverzeichnis
  • Spiele & Spielzeug
  • Über uns
  • Kontakt
  • Datenschutzerklärung
  • Allgemeine Geschäftsbedingungen
  • Haftungsausschluss

Sprachen

  • enEnglish
  • arالعربية
  • esEspañol
  • deDeutsch
  • frFrançais
  • hiहिन्दी
  • idBahasa Indonesia
  • itItaliano
  • ja日本語
  • ko한국어
  • ptPortuguês
  • ruРусский
  • trTürkçe
  • viTiếng Việt
  • bnবাংলা
  • zh中文
  • nlNederlands
  • plPolski
  • ukУкраїнська
  • msBahasa Melayu
  • thภาษาไทย

© 2026 Calculora. Alle Rechte vorbehalten.

Erstellt mit — 100% kostenlos

Leichtgewichtig & schnell — Cookies und Analysen laufen nur mit Ihrer Zustimmung

  1. Startseite
  2. Entwicklertools
  3. Markdown-Vorschau

Markdown-Vorschau

Tippen Sie auf der einen Seite Markdown und sehen Sie es live auf der anderen gerendert – Überschriften, Fett, Kursiv, Listen, Codeblöcke und Links, alles sofort in Ihrem Browser vorgeschaut.

Was ist Markdown-Vorschau?

Markdown ist die schlanke Formatierungssyntax hinter READMEs, Blogbeiträgen, Chatnachrichten, Dokumentation und unzähligen anderen Orten, an denen Sie einfache, lesbare Formatierung wollen, ohne rohes HTML zu schreiben. Weil Markdown reiner Text ist, lässt es sich überall leicht schreiben – aber es ist auch leicht, die Syntax leicht falsch zu machen und es erst zu bemerken, wenn man bereits veröffentlicht hat.

Diese Vorschau rendert Ihr Markdown während der Eingabe, Seite an Seite mit der Quelle, sodass Sie Formatierungsfehler sofort erkennen können – ein fehlendes Leerzeichen nach einer #, ein nicht geschlossener Code-Fence oder eine Liste, die sich nicht vom darüberliegenden Absatz getrennt hat – bevor Sie eine README committen, einen Beitrag veröffentlichen oder eine formatierte Nachricht senden.

Formel

# Überschrift → <h1>Überschrift</h1>
**fett** → <strong>fett</strong>
*kursiv* → <em>kursiv</em>
`code` → <code>code</code>
[Text](url) → <a href="url">Text</a>
- Element → <ul><li>Element</li></ul>

Berechnung

  1. Tippen oder fügen Sie Ihr Markdown in das linke Feld ein.
  2. Beobachten Sie, wie die gerenderte HTML-Vorschau rechts sofort aktualisiert wird.
  3. Passen Sie Ihre Syntax an, bis die Vorschau Ihrer Absicht entspricht.
  4. Kopieren Sie Ihre fertige Markdown-Quelle, sobald Sie mit dem Ergebnis zufrieden sind.

Beispiel

Die Eingabe „## Hallo\n\nDas ist **fett** und das ist *kursiv*.“ wird als Überschrift der Ebene 2 gefolgt von einem Absatz mit fettem und kursivem Text dargestellt.

Hauptvorteile

  • Sehen Sie Ihr Markdown sofort gerendert, Seite an Seite mit der Quelle
  • Erkennen Sie Syntaxfehler, bevor Sie irgendwo veröffentlichen
  • Läuft vollständig offline in Ihrem Browser – nichts wird hochgeladen
  • Kostenlos, keine Anmeldung, keine Dateigrößenbeschränkung bei typischer Nutzung

Häufige Fehler vermeiden

  • Vergessen der Leerzeile, die zwischen einem Absatz und einer folgenden Liste benötigt wird
  • Fehlendes Leerzeichen nach #-Symbolen in Überschriften, wodurch diese nicht gerendert werden
  • Nicht geschlossene Code-Fence (```) lassen, wodurch der Rest des Dokuments als Code verschluckt wird
  • Verwenden einzelner statt doppelter Sternchen für Fett, was stattdessen Kursivschrift erzeugt

Professionelle Tipps

  • Fügen Sie vor und nach Listen und Codeblöcken eine Leerzeile ein, um bei verschiedenen Markdown-Parsern die zuverlässigste Darstellung zu erzielen
  • Verwenden Sie doppelte Sternchen für Fett und einfache Sternchen (oder Unterstriche) für Kursiv, um Zweideutigkeiten zu vermeiden
  • Sehen Sie sich die Vorschau zuerst in diesem Tool an und prüfen Sie dann die Zielplattform (GitHub, Slack usw.), da manche zusätzliche Syntax wie Tabellen unterstützen
  • Halten Sie Überschriften sequenziell (springen Sie nicht von # zu ###) für eine bessere Dokumentstruktur und Barrierefreiheit

Wichtige Begriffe erklärt

CommonMark
Eine standardisierte Spezifikation der Markdown-Syntax, entwickelt, um Inkonsistenzen zu verringern
GFM
GitHub-Flavored Markdown, ein erweiterter Dialekt mit Unterstützung für Tabellen und Aufgabenlisten
Code-Fence
Ein durch dreifache Backticks (```) abgegrenzter Block zur Formatierung mehrzeiligen Codes
Inline-Formatierung
Formatierung innerhalb einer einzelnen Zeile, wie *kursiv* oder `code`, im Gegensatz zu Block-Elementen

Häufige Anwendungsfälle

  • Vorschau einer GitHub- oder GitLab-README vor dem Commit
  • Entwerfen formatierter Nachrichten für Slack, Discord oder andere Markdown-fähige Chat-Apps
  • Prüfen der Formatierung von Blogbeiträgen oder Dokumentation vor der Veröffentlichung
  • Erlernen der Markdown-Syntax durch Experimentieren und sofortiges Sehen der Ergebnisse
  • Schnelles Umwandeln eines kurzen Markdown-Ausschnitts in HTML zum Einfügen anderswo

Häufig gestellte Fragen

Welche Markdown-Syntax unterstützt dieses Tool?
Überschriften (# bis ######), Fett (**Text**), Kursiv (*Text*), Inline-Code (`code`), Codeblöcke (```), Links ([Text](url)), Aufzählungslisten (- Element), nummerierte Listen (1. Element) und Blockzitate (> Text).
Wird mein Inhalt irgendwo gespeichert oder hochgeladen?
Nein. Alles wird vollständig in Ihrem Browser mittels JavaScript geparst und gerendert. Nichts, was Sie eingeben, wird an einen Server gesendet, gespeichert oder protokolliert.
Warum wird meine Formatierung nicht korrekt angezeigt?
Markdown erfordert exakte Syntax – zum Beispiel wird eine Leerzeile zwischen einem Absatz und einer Liste benötigt, damit viele Renderer sie korrekt trennen, und Überschriften brauchen ein Leerzeichen nach den #-Symbolen. Prüfen Sie auf fehlende Leerzeichen oder Zeilenumbrüche rund um die verwendete Formatierung.
Kann ich damit eine GitHub-README vor dem Commit in der Vorschau ansehen?
Ja, für die gängigen Markdown-Elemente, die dieses Tool unterstützt. GitHubs Renderer unterstützt einige zusätzliche GitHub-Flavored-Markdown-Erweiterungen (wie Tabellen und Aufgabenlisten), die diese schlanke Vorschau nicht enthält, prüfen Sie deshalb bei allem über die Grundsyntax hinaus immer die endgültige Darstellung direkt auf GitHub.

Verwandte Tools

Seitenverhältnis-Rechner
Bandbreitenrechner
Laden Sie den Zeitrechner herunter
Cloud-Hosting-Kostenrechner
CDN-Kostenrechner
Programmierschnittstelle Monetization Calculator

Hello World

Type markdown on the left and see it rendered here.

  • Live preview
  • No sign-up
  • Runs entirely in your browser
Nothing you type ever leaves your device.

console.log("code blocks work too")

Alles wird lokal in Ihrem Browser gerendert – nichts, was Sie eingeben, wird jemals irgendwohin gesendet.