pantoken / markdown-it

markdown-it ​

Eksperimentell

@pantoken/markdown-it — ein markdown-it‑plugin som renderar :icon:‑kodar som inline SVG og ståande fargeverdiar (#03893D, rgb(…), oklch(…)) som fargeprøvar, ved bruk av pantoken‑ikonsettet.

Det portar @pantoken/rehype- og @pantoken/react-markdown-pipelineane over til markdown-it: ei einaste kjerne‑regel går gjennom kvar inline‑token sine tekst‑barn, deler dei på ikon‑ og fargemønstra, og byter treffa ut med html_inline‑tokanar. Ikonkodar blir løyste gjennom ei rekkje — plugin‑spesifikke rehype‑resolverar først, deretter ei eksplisitt MarkdownItOptions.resolve, og til slutt det innebygde @pantoken/icons‑settet — så merke‑ikon‑pluginar kan komponerast på same måte som andre stader.

Den emitterte markupen nyttar dei same klassane som dei andre rendererne (pantoken-icon, pantoken-color-swatch), slik at innlasting av @pantoken/components stiglar det. Vikl den renderte HTML‑en inn i ein .pantoken-prose‑container (sjå PROSE_CLASS) for å få med prose‑laget òg.

Døme ​

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

Grensesnitt ​

Variablar ​

Funksjonar ​

Referansar ​

default ​

Gjev nytt namn til og re‑eksporterer pantokenMarkdownIt