Markdown-parser

Tolk og forhåndsvis Markdown i sanntid. Støtter GFM-tabeller, oppgavelister, gjennomstreking og mer. All behandling skjer i nettleseren din.

Forhåndsvisning i sanntid GFM-støtte Behandling på klientsiden

HTML-forhåndsvisning vises her ...

Slik bruker du Markdown-parseren

1

Skriv Markdown

Skriv eller lim inn Markdown-innholdet ditt i redigeringsprogrammet til venstre.

2

Forhåndsvisning i sanntid

Se den renderede HTML-utdataen i sanntid i panelet til høyre.

3

Kopier HTML

Kopier den genererte HTML-en for bruk i prosjektene dine.

Hva er Markdown?

Markdown er et lettvektig markeringsspråk opprettet av John Gruber i 2004. Det bruker syntaks for ren tekstformatering som kan konverteres til HTML og mange andre formater. Markdown brukes mye i dokumentasjon, README-filer, blogginnlegg og meldingsplattformer.

Støttet syntaks

Overskrifter

H1 til og med H6 med #-syntaks

Tekstformatering

Fet, kursiv, gjennomstreking, inline-kode

Lister og tabeller

Nummererte, unummererte, oppgavelister og GFM-tabeller

Kodeblokker

Kodeblokker med gjerder og syntaksutheving

Vanlige spørsmål

Hva er GFM?

GFM (GitHub Flavored Markdown) er en dialekt av Markdown som brukes av GitHub. Den utvider standard Markdown med funksjoner som tabeller, oppgavelister, gjennomstreket tekst og autolenker.

Støtter den syntaksutheving?

Parseren renderer kodeblokker med gjerder. For full syntaksutheving med farger kan du kombinere den med et CSS-stilark som stiler kodeelementer.

Kan jeg bruke dette til dokumentasjonen min?

Ja! Skriv Markdown-en din i redigeringsprogrammet, kopier den renderede HTML-en, og bruk den i dokumentasjonen, bloggen eller nettstedet ditt.

Hva er forskjellen på Markdown, CommonMark og GFM?

Original Markdown (2004) lot mange kanttilfeller være udefinerte, så implementasjonene sprikte. CommonMark er den strenge spesifikasjonen som løser dem; GFM (GitHub Flavored Markdown) er CommonMark pluss utvidelser: tabeller, oppgavelister, gjennomstreking, autolenker og et disallowed-raw-HTML-filter. Dette verktøyet renderer GFM, i samsvar med det du ser på GitHub.

Hvordan skriver jeg kodeblokker og inline-kode?

Pakk inline-kode inn i enkle backticks. Blokker med gjerder bruker trippel backtick med en språktag for syntaksutheving - som ```python på åpningslinjen - eller rykk inn hver linje med fire mellomrom (den eldre syntaksen, som fungerer dårlig inne i lister). Trippel tilde fungerer også som gjerde når selve koden din inneholder backticks.

Kan jeg bygge inn rå HTML i Markdown?

Ja - inline HTML-tagger sendes videre til utdataen. GFM-utvidelsen disallowed-raw-HTML fjerner bare noen få farlige tagger (script, style, iframe og slektninger) når filteret er slått på. To forbehold: HTML på blokknivå omslutter innhold der Markdown-syntaks slutter å bli behandlet inne i (tomme linjer spiller inn), og Markdown som er sendt inn av brukere må sanitiseres mot XSS utover et taggfilter.

Hvordan fungerer tabeller i GFM?

Rader atskilt med pipe, med en skillelinje av bindestreker under overskriften. Kolon setter justering: kolon-strek til venstre er venstrejustert (standard), kolon i begge ender sentrerer, strek-kolon høyrejusterer. Celler kan ikke inneholde blokkelementer; escape en bokstavelig pipe som \|; og de ytre pipene på hver rad er valgfrie. Mer komplekse oppsett krever rå HTML eller en dokumentasjonsmotor.

Hvorfor rendres listene eller nestede elementene mine feil?

De vanlige mistenkte: inkonsekvent innrykk (nestede elementer må typisk justeres med første tegn i overordnet elements innhold), manglende tom linje mellom et avsnitt og en liste, eller tabulatorer blandet med mellomrom. CommonMark spesifiserer nøyaktige regler for alt dette. Å konvertere tabulatorer til mellomrom og legge til tomme linjer rundt lister fikser det store flertallet av hekkefeil.

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