Skip to content

pantoken / markdown-it

markdown-it

Turgnamhach

@pantoken/markdown-it — breiseán markdown-it a dhéanann :icon: códanna a léiriú mar SVG inline agus luachanna dathanna neamhspleácha (#03893D, rgb(…), oklch(…)) mar samplaí datha, ag úsáid tacair siombailí pantoken.

Tá sé ag iompórtáil na bpróiseálacha @pantoken/rehype agus @pantoken/react-markdown go markdown-it: siúlann riail chroí aonair trí gach páiste téacs inline, iad a roinnt ar na patrúin íocón agus dath, agus na comhréitigh a mhalartú le haghaidh tósaitheoirí html_inline. Réitíonn cóid íocón trí slí — réititheoirí breiseán rehype ar dtús, ansin MarkdownItOptions.resolve shonrach, agus ansin an tacar ionsuite @pantoken/icons — mar sin comhdhéanann breiseáin íocón branda an bealach céanna agus a dhéanann siad áit ar bith eile.

Úsáideann an marcáil a ghintear na hainmneacha ranga céanna agus na sreabhthreoracha eile (pantoken-icon, pantoken-color-swatch), mar sin déanann luchtú @pantoken/components stíliú air. Cuir an HTML a rinneadh timpeall i gcoimeádán .pantoken-prose (féach PROSE_CLASS) chun an sraith próis a ghabháil freisin.

Sampla

ts
import MarkdownIt from "markdown-it";
import { pantokenMarkdownIt } from "@pantoken/markdown-it";

const md = new MarkdownIt().use(pantokenMarkdownIt);
md.render("Save :check: to lock in #03893D.");

Comhéadan

Athróga

Feidhmeanna

Tagairtí

default

Athainmníonn agus ath-easpórtálann pantokenMarkdownIt