📝 Markdown-Vorschau
Eine Markdown-Vorschau ist ein kostenloses Online-Tool, das Markdown während der Eingabe in formatiertes HTML umwandelt. Schreiben Sie Überschriften, Listen, Codeblöcke, Links und Tabellen im Editor und sehen Sie die Live-Vorschau sofort aktualisiert. Es arbeitet vollständig in Ihrem Browser ohne Registrierung. Autoren, Entwickler und Dokumentationsverfasser nutzen es, um die Formatierung vor der Veröffentlichung zu prüfen.
Tippen Sie Markdown und sehen Sie sofort die Live-HTML-Wiedergabe.
Was ist dieses Werkzeug?
Das Markdown-Vorschau-Tool ist ein kostenloser Online-Markdown-Editor, der Ihren Markdown-Text in Echtzeit in HTML umwandelt. Während Sie auf der linken Seite tippen, erscheint das formatierte Ergebnis sofort auf der rechten Seite. Dies ist perfekt, um README-Dateien, Blogbeiträge, Dokumentationen oder andere Markdown-Inhalte vor der Veröffentlichung vorzubetrachten.
Markdown ist eine leichtgewichtige Auszeichnungssprache, die einfache Textformatierung verwendet, um strukturierte Dokumente zu erstellen. Sie wurde 2004 von John Gruber entwickelt, um das Schreiben für das Web so einfach wie möglich zu machen. Mit Markdown können Sie Überschriften, fetten und kursiven Text, Listen, Links, Bilder, Codeblöcke, Tabellen und mehr erstellen – alles mit einfachen Textsymbolen. Markdown wird überall verwendet: GitHub-READMEs, Reddit-Kommentare, Discord-Nachrichten, Dokumentationsseiten und viele Content-Management-Systeme.
Diese Vorschau unterstützt Standard-Markdown-Syntax einschließlich GitHub Flavored Markdown (GFM)-Erweiterungen wie Aufgabenlisten, durchgestrichenen Text und Codeblöcke (als monospaced Text dargestellt). Alles läuft vollständig in Ihrem Browser, sodass Ihre Inhalte nie auf einen Server hochgeladen werden. Sie können mit der Gewissheit schreiben, dass Ihre Entwürfe vollständig privat bleiben.Wie es funktioniert
Das Tool verwendet einen JavaScript-Markdown-Parser, der Ihren Text in Echtzeit in HTML umwandelt. Während Sie im Editor-Bereich tippen, verarbeitet der Parser die Markdown-Syntax Zeichen für Zeichen und generiert die entsprechenden HTML-Elemente, die im Vorschaubereich angezeigt werden.
Der Parser verarbeitet alle Standard-Markdown-Elemente: Überschriften (# bis ######), Fett (**Text**), Kursiv (*Text*), Links ([Text](URL)), Bilder (), ungeordnete Listen (- oder *), geordnete Listen (1.), Codeblöcke (```), Inline-Code (`code`), Zitatblöcke (>), horizontale Linien (---) und Tabellen. Es unterstützt auch GitHub Flavored Markdown-Erweiterungen: Aufgabenlisten (- [x]), Durchstreichungen (~~Text~~) .
Die Darstellung erfolgt vollständig clientseitig, das heißt, es werden keine Serveraufrufe getätigt. Der Markdown-Parser ist ein leichtgewichtiger, eigener JavaScript-Konverter (keine Fremdbibliothek). Er deckt gängige Markdown-Elemente ab; verschachtelte Listen werden auf eine Ebene vereinfacht. Die Vorschau wird bei jedem Tastenanschlag aktualisiert für ein echtes Live-Bearbeitungserlebnis.Verwendung
- Tippen oder fügen Sie Ihren Markdown-Text im Editor auf der linken Seite ein.
- Beobachten Sie, wie sich die formatierte HTML-Vorschau auf der rechten Seite in Echtzeit aktualisiert.
- Verwenden Sie Standard-Markdown-Syntax (# Überschriften, **Fett**, *Kursiv* usw.).
- Probieren Sie GitHub Flavored Markdown: Aufgabenlisten, Tabellen, Durchstreichungen.
- Kopieren Sie das gerenderte HTML oder Ihre Markdown-Quelle nach Bedarf.
Häufige Fragen
Welche Markdown-Syntax wird unterstützt?
Standard-Markdown (Überschriften, Fett, Kursiv, Listen, Links, Bilder, Code, Zitatblöcke, Tabellen) plus GitHub Flavored Markdown-Erweiterungen (Aufgabenlisten, Durchstreichungen, Codeblöcke (als monospaced Text dargestellt)).
Wird mein Markdown-Inhalt an einen Server gesendet?
Nein. Die gesamte Verarbeitung erfolgt in Ihrem Browser mit JavaScript. Ihr Inhalt verlässt niemals Ihr Gerät, was vollständige Privatsphäre für Ihre Entwürfe und Notizen gewährleistet.
Kann ich dieses Tool für GitHub-README-Dateien verwenden?
Ja. Diese Vorschau unterstützt GitHub Flavored Markdown, denselben Dialekt, der von GitHub verwendet wird. Aufgabenlisten, Tabellen und Durchstreichungen werden für gängige Fälle gemäß GitHub Flavored Markdown unterstützt. Beachten Sie, dass dies ein leichtgewichtiger, eigener Renderer ist, sodass komplexe Eingaben anders als auf GitHub dargestellt werden können.
Wie erstelle ich eine Tabelle in Markdown?
Verwenden Sie senkrechte Striche (|), um Spalten zu trennen, und Bindestriche (-) für die Kopfzeile. Beispiel: | Überschrift 1 | Überschrift 2 | \n|---|---| \n| Zelle 1 | Zelle 2 |
Tipps & Ratschläge
Markdown ist so konzipiert, dass es auch als Klartext vor der Darstellung lesbar bleibt. Verwenden Sie Überschriften (#), um eine Dokumentstruktur zu erstellen, und halten Sie die Überschriftenebenen konsistent. Verwenden Sie bei Codeblöcken immer dreifache Backticks (```), damit der Code als monospaced Text dargestellt wird. Richten Sie beim Erstellen von Tabellen die senkrechten Striche vertikal aus, um die Lesbarkeit zu verbessern. Aufgabenlisten (- [x] erledigt, - [ ] zu tun) eignen sich hervorragend zur Projektverfolgung in READMEs. Wenn Sie für GitHub schreiben, sehen Sie Ihren Markdown-Text hier zuerst vor, um Formatierungsprobleme vor dem Pushen zu erkennen. Verwenden Sie für lange Dokumente ein Inhaltsverzeichnis mit Anker-Links. Denken Sie daran, dass zwei Leerzeichen am Ende einer Zeile in Markdown einen harten Zeilenumbruch erzeugen.
Verwandte Tools
Wortzähler
Zählen Sie Wörter, Zeichen, Sätze und Absätze in Echtzeit. Kostenlose Wortzählun
Traditionell-Vereinfacht Konverter
Konvertieren Sie zwischen traditionellem und vereinfachtem Chinesisch online. Un
Groß-/Kleinschreibung Konverter
Text in Groß-, Kleinschreibung, Title-Case und mehr umwandeln. Kostenloser Onlin
Lorem Ipsum Generator
Generieren Sie sofort Lorem Ipsum-Platzhaltertext. Wählen Sie Absätze, Sätze ode
Zeilenumbrüche Entfernen
Entfernen Sie kostenlos online Zeilenumbrüche aus Text. Führen Sie Zeilen zu Abs