pantoken / markdown-it

markdown-it ​

Arbrofol

@pantoken/markdown-it — ategyn markdown-it sy'n rendro codau :icon: fel SVG mewnlinol a gwerthoedd lliw annibynnol (#03893D, rgb(…), oklch(…)) fel samplau lliw, gan ddefnyddio set eicon pantoken.

Mae'n porthi'r pipeline @pantoken/rehype a @pantoken/react-markdown i markdown-it: mae un reol craidd yn cerdded trwy blant testun pob tocyn mewnlinol, yn eu rhannu ar batrymau eicon a lliw, ac yn cyfnewid y cydweddiadau am docynnau html_inline. Mae codau eicon yn cael eu datrys trwy gadwyn — datryswyr ategyn rehype yn gyntaf, yna MarkdownItOptions.resolve penodol, yna'r set adeiledig @pantoken/icons — felly mae ategion brand-eicon yn cyfansoddi'r un ffordd ag y maent mewn mannau eraill.

Mae'r marcŵp a allyrrir yn defnyddio'r un enwau dosbarth â'r rendradwyr eraill (pantoken-icon, pantoken-color-swatch), felly mae llwytho @pantoken/components yn ei steilio. Amgáu'r HTML a gafodd ei rendro mewn cynhwysydd .pantoken-prose (gweler PROSE_CLASS) i gynnwys y haen prose hefyd.

Enghraifft ​

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.");

Rhyngwynebau ​

Newidynnau ​

Swyddogaethau ​

Cyfeiriadau ​

default ​

Ailenwi ac ail-allforio pantokenMarkdownIt