pantoken / markdown-it

markdown-it ​

Expérimental

@pantoken/markdown-it — un plugin markdown-it qui rend les codes :icon: en SVG inline et les valeurs de couleur autonomes (#03893D, rgb(…), oklch(…)) comme échantillons, en utilisant la collection d'icônes pantoken.

Il porte les pipelines @pantoken/rehype et @pantoken/react-markdown sur markdown-it : une règle centrale unique parcourt les enfants texte de chaque jeton inline, les divise selon les motifs d'icône et de couleur, et remplace les correspondances par des jetons html_inline. Les codes d'icône se résolvent via une chaîne — les résolveurs du plugin rehype d'abord, puis une MarkdownItOptions.resolve explicite, puis l'ensemble intégré @pantoken/icons — ainsi les plugins d'icônes de marque se combinent comme ailleurs.

Le balisage émis utilise les mêmes noms de classe que les autres renderers (pantoken-icon, pantoken-color-swatch), donc le chargement de @pantoken/components l'habille. Enveloppez le HTML rendu dans un conteneur .pantoken-prose (voir PROSE_CLASS) pour récupérer aussi la couche de prose.

Exemple ​

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

Interfaces ​

Variables ​

Fonctions ​

Références ​

default ​

Renomme et réexporte pantokenMarkdownIt