pantoken / markdown-it

markdown-it ​

Eksperimentála

@pantoken/markdown-it — markdown-it-plugán mii ráđđá :icon: koodat nugo inline SVG ja ovttaservuheapmi fargguvuodjat (#03893D, rgb(…), oklch(…)) nugo svatšat, geavahit pantoken ikonu setta.

Dat porterear @pantoken/rehype ja @pantoken/react-markdown pipeline-rádjid markdown-itin: ovtta core-rievtta čállá ovtta inline-tokenain tekstabirra, dieđii dihte dálkká ikon- ja farggu-mátkkuid, ja válddá matchingat html_inline tokenain. Ikon-koodat vuogá maŋemus — plugána rehype resolverat ovttas, dego juohke vuostta MarkdownItOptions.resolve, ja maŋemus-buot @pantoken/icons setta — das lea dássávuohta go brand-icon plugánaid komponerehkii sama boddu mii guoská muohttit.

Emiterejuvvon markup geavahit sama class-namme mii otná rendereraid (pantoken-icon, pantoken-color-swatch), so dat šaddá @pantoken/components styles. Vuordit renderadda HTML .pantoken-prose containeriin (borra PROSE_CLASS) mainna muitalit prose-layeriid geavahit.

Exempel ​

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

Interfáčat ​

Variáblat ​

Fuššat ​

Referenssat ​

default ​

Gávdnojit ja re-eksportera pantokenMarkdownIt