Skip to content

pantoken-root / markdown-it

markdown-it ​

Compatibility ​

Target: markdown-it. Minimum host version: 14.0.0. Tested through 15.0.2. Newer releases require review.

Full compatibility matrix

Eksperimantal

@pantoken/markdown-it — yon plugin markdown-it ki rann :icon: kòd kòm SVG anliy epi valè koulè sèl (#03893D, rgb(…), oklch(…)) kòm echantiyon koulè, lè l sèvi avèk seri ikon pantoken nan.

Li pòtede pipeline @pantoken/rehype ak @pantoken/react-markdown sou markdown-it: yon sèl règ nwayo mache sou chak timoun tèks token anliy, divize yo sou modèl ikon ak koulè, epi ranplase matche yo pa token html_inline. Kòd ikon rezoud atravè yon chèn — rezolvatè plugin rehype an premye, epi apre sa yon MarkdownItOptions.resolve eksplisit, epi lè sa a seri entegre @pantoken/icons — kidonk plugin ikon mak yo konpoze menm jan yo fè lòt kote.

Makup ki emèt la itilize menm non klas yo tankou lòt randeurè yo (pantoken-icon, pantoken-color-swatch), kidonk chaje @pantoken/components ap estil li. Anvlòp HTML rann lan nan yon konteynè .pantoken-prose (gade PROSE_CLASS) pou li pran kouch pwòp tèks la tou.

Egzanp ​

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

Entèfas ​

Varyab ​

Fonksyon ​

Referans ​

default ​

Renome epi re-eksporte pantokenMarkdownIt