Markdown-Vorschau
Rendere Markdown zu HTML mit Live-Vorschau.
Dein Markdown wird lokal in deinem Browser gerendert und nichts wird auf einen Server hochgeladen.
Arbeitest du mit MDX-Dokumenten? Probiere den MDX Converter.
Über Markdown-Vorschau
Dieses Markdown-Vorschau-Tool rendert dein Markdown beim Tippen nebeneinander zu sauberem HTML, sodass du genau sehen kannst, wie eine README, ein Dokument oder ein Kommentar aussehen wird. Es unterstützt GitHub-Flavored Markdown (GFM), einschließlich Tabellen, eingezäunter Codeblöcke, aufgabenartiger Listen, Blockzitate, Links und Inline-Formatierung. Nutze es als schnellen Markdown-Editor und Markdown-Viewer, um Dokumentation zu entwerfen, die Formatierung vor dem Push in ein Repository zu prüfen oder Markdown zu HTML zu konvertieren und das Ergebnis in ein CMS zu kopieren. Die gerenderte Ausgabe ist bereinigt, mit entfernten Skripten und Event-Handlern für eine sichere Vorschau. Es ist für Entwickler, technische Autoren und QA gedacht, die eine schnelle, präzise GFM-Vorschau brauchen. Alles wird lokal in deinem Browser verarbeitet, sodass dein Entwurf dein Gerät nie verlässt.
Funktionen
- Live-Vorschau nebeneinander, die sich beim Tippen aktualisiert
- GitHub-Flavored Markdown mit Tabellen, eingezäunten Codeblöcken und Aufgabenlisten
- Unterstützt Überschriften, Listen, Blockzitate, Links und Inline-Hervorhebung
- Einzelne Zeilenumbrüche werden als Umbrüche gerendert, passend zu kommentarartigem Markdown
- Bereinigte Ausgabe entfernt Skripte, iframes, Event-Handler und unsicheres HTML
- Kopiere das gerenderte HTML mit einem Klick in die Zwischenablage
- Lade das Ergebnis als sofort einsetzbare .html-Datei herunter
- Läuft vollständig in deinem Browser
So verwendest du Markdown-Vorschau
- Tippe oder füge dein Markdown in das linke Eingabefeld ein.
- Beobachte, wie das gerenderte HTML sofort im Vorschaufenster erscheint.
- Klicke auf HTML kopieren, um das gerenderte Markup in deine Zwischenablage zu holen.
- Nutze den .html-Button, um die Ausgabe als Datei herunterzuladen, oder Löschen, um neu zu beginnen.
Beispiel
Eingabe
# Titel
- **Fett** Element
- [Link](https://example.com)
Ausgabe
<h1>Titel</h1>
<ul>
<li><strong>Fett</strong> Element</li>
<li><a href="https://example.com">Link</a></li>
</ul>
Markdown-Überschriften, Listen und Inline-Formatierung zu HTML gerendert.
Häufige Fehler & Fehlerbehebung
- Eine Tabelle wird nicht gerendert und erscheint als reiner Text. — GFM-Tabellen benötigen eine Kopfzeile und eine Trennzeile aus Bindestrichen und Pipes, wie | A | B | gefolgt von | --- | --- |. Stelle sicher, dass jede Zeile passende Pipes hat.
- Ein Codeblock überträgt seine Formatierung auf den Rest des Dokuments. — Schließe jeden eingezäunten Block mit einer passenden Dreifach-Backtick-Zeile. Ein nicht geschlossener Zaun führt dazu, dass der Renderer den restlichen Text als Code behandelt.
- Einzelne Zeilenumbrüche bleiben nicht wie erwartet erhalten. — Diese Vorschau rendert einzelne Zeilenumbrüche als Umbrüche; wenn du getrennte Absätze willst, lasse eine Leerzeile zwischen den Textblöcken.
- Roh-HTML-Tags wie script oder iframe verschwinden aus der Vorschau. — Die Ausgabe ist bereinigt, daher werden Skripte, iframes und Inline-Event-Handler bewusst entfernt. Verwende stattdessen einfaches Markdown oder sicheres Inline-HTML.
Häufig gestellte Fragen
- Was ist das ArrayKit Markdown-Vorschau-Tool?
- Es ist eine Live-Markdown-Vorschau, die dein Markdown beim Tippen nebeneinander zu sauberem HTML rendert, sodass du die Formatierung für READMEs, Dokumente und Kommentare vor der Veröffentlichung prüfen kannst.
- Unterstützt die Markdown-Vorschau GitHub-Flavored Markdown?
- Ja. Die Markdown-Vorschau rendert GFM, sodass Tabellen, eingezäunte Codeblöcke und aufgabenartige Listen alle korrekt im Vorschaufenster angezeigt werden.
- Wie kopiere oder lade ich das gerenderte HTML herunter?
- Klicke auf HTML kopieren, um das gerenderte Markup in deine Zwischenablage zu senden, oder nutze den .html-Button, um es als sofort einsetzbare Datei herunterzuladen.
- Ist das HTML aus der Markdown-Vorschau sicher wiederverwendbar?
- Ja. Die Ausgabe ist bereinigt und entfernt Skripte, iframes und Inline-Event-Handler, sodass das gerenderte HTML sicher anderswo eingefügt werden kann.
- Behält die Markdown-Vorschau einzelne Zeilenumbrüche bei?
- Ja. Einzelne Zeilenumbrüche werden als Umbrüche gerendert, was dem üblichen Verhalten von Kommentar- und Chat-artigem Markdown entspricht.
- Wird mein Markdown an einen Server gesendet, wenn ich diese Vorschau nutze?
- Nein. Dein Markdown wird vollständig in deinem Browser gerendert und verlässt dein Gerät nie.
Verwandte Tools
- MDX-Konverter — Rendere MDX als Text, konvertiere HTML → MDX und escape Text zu MDX-Literalen.
- HTML-Formatierer — Verschönere oder minimiere HTML, formatiere eingebettetes CSS/JS und zeige eine Vorschau.
- HTML escapen / entescapen — Escape und entescape HTML-Sonderzeichen und -Entitäten.
- Text vergleichen — Vergleiche zwei Texte Zeile für Zeile und sieh Hinzufügungen und Löschungen.
- PDF zu Text — Extrahiere auswählbaren Text aus einem PDF als reinen Text oder Markdown.
- Mermaid-Diagramm-Renderer — Rendere Mermaid-Diagramme (Fluss, Sequenz, Gantt) als SVG in deinem Browser.
- JSON-Formatierer — JSON verschönern, minimieren und validieren – mit Fehlerposition.
- CSS-/SCSS-Formatierer — Verschönere oder minimiere CSS/SCSS/LESS, sortiere Eigenschaften und entferne Duplikate.
Alle ArrayKit-Tools