pantoken / markdown-it

markdown-it ​

Eksperimentell

@pantoken/markdown-it — en markdown-it-plugin som gjengir :icon:-koder som inline SVG og frittstående fargeverdier (#03893D, rgb(…), oklch(…)) som fargeprøver, ved bruk av pantoken-ikonsett.

Den porterer @pantoken/rehype- og @pantoken/react-markdown-pipelineene til markdown-it: en enslig kjerne-regel går gjennom hver inline-tokens tekstbarn, splitter dem på ikon- og fargemønstrene, og bytter ut treffene med html_inline-tokens. Ikonkoder løses gjennom en kjede — plugin-spesifikke rehype-resolvere først, deretter en eksplisitt MarkdownItOptions.resolve, og så det innebygde @pantoken/icons-settet — slik at merkevare-ikon-plugins komponeres på samme måte som andre steder.

Den genererte markupen bruker de samme klassenavnene som de andre rendererne (pantoken-icon, pantoken-color-swatch), så lasting av @pantoken/components gir stilene. Pakk det rendrede HTML i en .pantoken-prose-container (se PROSE_CLASS) for også å få med prose-laget.

Eksempel ​

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 ​

Variabler ​

Funksjoner ​

Referanser ​

default ​

Omdøper og re-eksporterer pantokenMarkdownIt