pantoken / markdown-it

markdown-it ​

Tilrauna

@pantoken/markdown-it — markdown-it viðbót sem birtir :icon: kóða sem innlína SVG og stök litaset (#03893D, rgb(…), oklch(…)) sem litasýni, með pantoken táknasafninu.

Það flytur @pantoken/rehype og @pantoken/react-markdown píplínurnar yfir á markdown-it: ein kjarna reglugerð fer í gegnum textabörn hvers innlína tákns, skiptir þeim eftir tákna- og litamynstrum og skiptir samsvörunum út fyrir html_inline tákn. Táknkóðar leysast upp í keðju — fyrst plugin-rehype lausnaraðilar, síðan skýr MarkdownItOptions.resolve, og að lokum innbyggða @pantoken/icons safnið — þannig raðast vörumerkja-táknaviðbætur saman á sama hátt og annars staðar.

Útgefið merki notar sömu klasanöfn og aðrir rendererar (pantoken-icon, pantoken-color-swatch), svo það er hægt að stíla það með @pantoken/components. Umbúðu renderuðu HTML-i í .pantoken-prose umbúð (sjá PROSE_CLASS) til að taka einnig upp ritlagið.

Dæmi ​

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

Viðmót ​

Breytur ​

Föll ​

Tilvísanir ​

default ​

Endurnefnir og endurflytur pantokenMarkdownIt