Markdown-Parser

Markdown in Echtzeit analysieren und eine Vorschau anzeigen. Unterstützt GFM-Tabellen, Aufgabenlisten, Durchstreichungen und mehr. Die gesamte Verarbeitung erfolgt in Ihrem Browser.

Live-Vorschau GFM-Unterstützung Clientseitige Verarbeitung

HTML-Vorschau erscheint hier...

Verwendung des Markdown-Parsers

1

Markdown schreiben

Tippen oder fügen Sie Ihren Markdown-Inhalt im Editor links ein.

2

Live-Vorschau

Sehen Sie die gerenderte HTML-Ausgabe in Echtzeit im rechten Bereich.

3

HTML kopieren

Kopieren Sie das generierte HTML zur Verwendung in Ihren Projekten.

Was ist Markdown?

Markdown ist eine leichte Auszeichnungssprache, die 2004 von John Gruber erstellt wurde. Sie verwendet eine Klartext-Formatierungssyntax, die in HTML und viele andere Formate umgewandelt werden kann. Markdown wird häufig für Dokumentation, README-Dateien, Blogbeiträge und Nachrichtenplattformen verwendet.

Unterstützte Syntax

Überschriften

H1 bis H6 mit #-Syntax

Textformatierung

Fett, kursiv, durchgestrichen, Inline-Code

Listen & Tabellen

Nummeriert, unnummeriert, Aufgabenlisten und GFM-Tabellen

Code-Blöcke

Eingezäunte Code-Blöcke mit Syntaxhervorhebung

Häufig gestellte Fragen

Was ist GFM?

GFM (GitHub Flavored Markdown) ist ein Markdown-Dialekt, der von GitHub verwendet wird. Er erweitert Standard-Markdown um Funktionen wie Tabellen, Aufgabenlisten, durchgestrichenen Text und automatische Links.

Wird Syntaxhervorhebung unterstützt?

Der Parser stellt eingezäunte Code-Blöcke dar. Für vollständige Syntaxhervorhebung mit Farben können Sie ihn mit einem CSS-Stylesheet kombinieren, das Code-Elemente gestaltet.

Kann ich dies für meine Dokumentation verwenden?

Ja! Schreiben Sie Ihr Markdown im Editor, kopieren Sie das gerenderte HTML und verwenden Sie es in Ihrer Dokumentation, Ihrem Blog oder Ihrer Website.

Was ist der Unterschied zwischen Markdown, CommonMark und GFM?

Das ursprüngliche Markdown (2004) ließ viele Grenzfälle undefiniert, sodass die Implementierungen auseinanderliefen. CommonMark ist die strenge Spezifikation, die diese Fälle klärt; GFM (GitHub Flavored Markdown) ist CommonMark plus Erweiterungen: Tabellen, Aufgabenlisten, Durchstreichungen, Autolinks und ein Disallowed-Raw-HTML-Filter. Dieses Tool rendert GFM und entspricht damit dem, was Sie auf GitHub sehen.

Wie schreibe ich Codeblöcke und Inline-Code?

Inline-Code umschließen Sie mit einfachen Backticks. Codezäune (Fenced Blocks) verwenden dreifache Backticks mit einem Sprach-Tag für Syntaxhervorhebung – etwa ```python in der ersten Zeile – oder Sie rücken jede Zeile um vier Leerzeichen ein (die ältere Syntax, die innerhalb von Listen problematisch ist). Dreifache Tilden funktionieren ebenfalls als Zaun, wenn Ihr Code selbst Backticks enthält.

Kann ich rohes HTML in Markdown einbetten?

Ja – Inline-HTML-Tags werden unverändert in die Ausgabe übernommen. Die Disallowed-Raw-HTML-Erweiterung von GFM entfernt nur einige wenige gefährliche Tags (script, style, iframe und Verwandte), sofern der Filter aktiviert ist. Zwei Einschränkungen: Blocklevel-HTML umschließt Inhalte, innerhalb derer die Markdown-Syntax nicht mehr verarbeitet wird (Leerzeilen sind entscheidend), und alle von Nutzern eingereichten Markdown-Inhalte müssen über einen Tag-Filter hinaus gegen XSS abgesichert werden.

Wie funktionieren Tabellen in GFM?

Zeilen werden durch Pipes getrennt, mit einer Trennzeile aus Bindestrichen unter der Kopfzeile. Doppelpunkte steuern die Ausrichtung: Doppelpunkt-Bindestrich links bedeutet linksbündig (Standard), Doppelpunkte an beiden Enden zentriert, Bindestrich-Doppelpunkt rechtsbündig. Zellen dürfen keine Blockelemente enthalten; ein literales Pipe-Zeichen schreiben Sie als \|; die äußeren Pipes jeder Zeile sind optional. Komplexere Layouts erfordern rohes HTML oder eine Dokumentations-Engine.

Warum werden meine Listen oder verschachtelten Elemente falsch gerendert?

Die üblichen Verdächtigen: inkonsistente Einrückung (verschachtelte Elemente müssen in der Regel am ersten Zeichen des Inhalts des übergeordneten Elements ausgerichtet sein), eine fehlende Leerzeile zwischen einem Absatz und einer Liste oder Tabulatoren, die mit Leerzeichen gemischt sind. CommonMark spezifiziert für all dies genaue Regeln. Tabulatoren in Leerzeichen umzuwandeln und Leerzeilen um Listen herum einzufügen, behebt die allermeisten Verschachtelungsfehler.

{-- * External Resources Component(#18 Phase 3b 内容佐证工程) * 工具页「权威引用」区块:RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染(无权威来源的工具静默跳过) * - 链接 title 保持英文(引用源专名);description 经 * common.resources.descriptions.{key} 本地化,lang 未命中回退英文(线上不裸奔) * - 链接保持 dofollow(rel="noopener noreferrer") * * @param string|null $slug --}}