Markdown-parser

Parse en bekijk Markdown in realtime. Ondersteunt GFM-tabellen, takenlijsten, doorgestreepte tekst en meer. Alles wordt in uw browser verwerkt.

Live voorbeeld GFM-ondersteuning Verwerking aan de clientzijde

HTML-voorbeeld verschijnt hier...

Hoe gebruik ik de Markdown-parser

1

Markdown schrijven

Typ of plak uw Markdown-inhoud in de editor links.

2

Live voorbeeld

Bekijk de gerenderde HTML-uitvoer in realtime in het paneel rechts.

3

HTML kopiëren

Kopieer de gegenereerde HTML om in uw projecten te gebruiken.

Wat is Markdown?

Markdown is een lichtgewicht opmaaktaal, gemaakt door John Gruber in 2004. Het gebruikt platte-tekstopmaaksyntaxis die naar HTML en vele andere formaten kan worden geconverteerd. Markdown wordt veel gebruikt voor documentatie, README-bestanden, blogposts en berichtenplatforms.

Ondersteunde syntaxis

Koppen

H1 tot en met H6 met #-syntaxis

Tekstopmaak

Vet, cursief, doorgestreept, inline code

Lijsten en tabellen

Geordende, ongeordende lijsten, takenlijsten en GFM-tabellen

Codeblokken

Codeblokken met hekwerk en syntaxismarkering

Veelgestelde vragen

Wat is GFM?

GFM (GitHub Flavored Markdown) is een dialect van Markdown dat door GitHub wordt gebruikt. Het breidt standaard Markdown uit met functies zoals tabellen, takenlijsten, doorgestreepte tekst en automatische links.

Ondersteunt het syntaxismarkering?

De parser rendert codeblokken met hekwerk. Voor volledige syntaxismarkering met kleuren kunt u deze combineren met een CSS-stylesheet die code-elementen stijlt.

Kan ik dit voor mijn documentatie gebruiken?

Ja! Schrijf uw Markdown in de editor, kopieer de gerenderde HTML en gebruik het in uw documentatie, blog of website.

Wat is het verschil tussen Markdown, CommonMark en GFM?

De oorspronkelijke Markdown (2004) liet veel randgevallen ongedefinieerd, waardoor implementaties uiteenliepen. CommonMark is de strenge specificatie die ze oplost; GFM (GitHub Flavored Markdown) is CommonMark plus uitbreidingen: tabellen, takenlijsten, doorgestreepte tekst, automatische links en een disallowed-raw-HTML-filter. Deze tool rendert GFM, in overeenstemming met wat u op GitHub ziet.

Hoe schrijf ik codeblokken en inline code?

Wikkel inline code in enkele backticks. Blokken met hekwerk gebruiken driedubbele backticks met een taaltag voor syntaxismarkering - zoals ```python op de openingsregel - of spring elke regel in met vier spaties (de oudere syntaxis, die slecht samenwerkt binnen lijsten). Driedubbele tildes werken ook als hekwerk wanneer uw code zelf backticks bevat.

Kan ik ruwe HTML in Markdown insluiten?

Ja - inline HTML-tags gaan door naar de uitvoer. De disallowed-raw-HTML-uitbreiding van GFM verwijdert alleen enkele gevaarlijke tags (script, style, iframe en dergelijke) wanneer het filter is ingeschakeld. Twee kanttekeningen: HTML op blokniveau omhult inhoud waarbinnen Markdown-syntaxis niet meer wordt verwerkt (lege regels doen ertoe), en door gebruikers ingediende Markdown moet naast een tagfilter ook tegen XSS worden gesaneerd.

Hoe werken tabellen in GFM?

Met pipes gescheiden rijen met een scheidingsregel van streepjes onder de koptekst. Dubbele punten bepalen de uitlijning: dubbele punt-streep links is links (de standaard), dubbele punten aan beide uiteinden centreren, streep-dubbele punt rechts. Cellen kunnen geen blokelementen bevatten; escape een letterlijke pipe als \|; en de buitenste pipes op elke rij zijn optioneel. Complexere lay-outs vereisen ruwe HTML of een documentatie-engine.

Waarom worden mijn lijsten of geneste items verkeerd gerenderd?

De gebruikelijke verdachten: inconsistente inspringing (geneste items moeten doorgaans uitlijnen met het eerste teken van de inhoud van het bovenliggende item), een ontbrekende lege regel tussen een alinea en een lijst, of tabs gemengd met spaties. CommonMark specificeert exacte regels voor al deze gevallen. Tabs naar spaties converteren en lege regels rond lijsten toevoegen lost de meeste nestingsbugs op.

{-- * 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 --}}