pantoken / markdown-it

markdown-it ​

Kokeellinen

@pantoken/markdown-it — markdown-it-laajennus, joka renderöi :icon:-koodit rivisisäisinä SVG:inä ja erilliset värin arvot (#03893D, rgb(…), oklch(…)) näytteinä, käyttäen pantokenin ikonisettiä.

Se siirtää @pantoken/rehype- ja @pantoken/react-markdown-putket markdown-it:iin: yksi ydin sääntö käy läpi kunkin inline-tokenin tekstilapset, jakaa ne ikoni- ja värimallien kohdalta ja korvaa osumat html_inline-tokeneilla. Ikonikoodit ratkaistaan ketjun kautta — ensin pluginin rehype-resolverit, sitten eksplisiittinen MarkdownItOptions.resolve ja lopuksi sisäänrakennettu @pantoken/icons-setti — joten brändi-ikonien pluginit kompostoivat samalla tavalla kuin muuallakin.

Tuotettu markup käyttää samoja luokan nimiä kuin muut renderöijät (pantoken-icon, pantoken-color-swatch), joten @pantoken/components-tyylit latautuvat. Kääri renderöity HTML .pantoken-prose-kontaineriin (katso PROSE_CLASS) myös proosakerroksen saamiseksi.

Esimerkki ​

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

Rajapinnat ​

Muuttujat ​

Funktionit ​

Viittaukset ​

default ​

Nimeää uudelleen ja vie uudelleen pantokenMarkdownIt