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(…)) en échantillons de couleur, en utilisant l'ensemble d'icônes pantoken.

Il transpose les pipelines @pantoken/rehype et @pantoken/react-markdown sur markdown-it : une seule règle centrale parcourt les enfants texte de chaque token inline, les scinde selon les motifs d'icônes et de couleurs, et remplace les correspondances par des tokens html_inline. Les codes d'icônes se résolvent via une chaîne — les résolveurs du plugin rehype d'abord, puis un MarkdownItOptions.resolve explicite, puis l'ensemble intégré @pantoken/icons — ainsi les plugins d'icônes de marque se composent de la même manière qu'ailleurs.

Le balisage émis utilise les mêmes noms de classes que les autres renderers (pantoken-icon, pantoken-color-swatch), de sorte que le chargement des styles @pantoken/components les stylise. Entourez le HTML rendu d'un conteneur .pantoken-prose (voir PROSE_CLASS) pour appliquer également 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