pantoken / markdown-it

markdown-it ​

Experimenteel

@pantoken/markdown-it — een markdown-it-plug-in die :icon:-codes rendert als inline SVG en losstaande kleurwaarden (#03893D, rgb(…), oklch(…)) als kleurstalen, gebruikmakend van de pantoken-pictogramset.

Het porteert de @pantoken/rehype en @pantoken/react-markdown pipelines naar markdown-it: een enkele kernregel doorloopt de tekstchilds van elk inline-token, splitst ze op de pictogram- en kleurpatronen, en vervangt de overeenkomsten door html_inline-tokens. Pictogramcodes worden opgelost via een keten — plugin rehype resolvers eerst, dan een expliciete MarkdownItOptions.resolve, en daarna de ingebouwde @pantoken/icons-set — zodat merkpictogram-plugins op dezelfde manier samenstellen als elders.

De uitgegeven markup gebruikt dezelfde klassennamen als de andere renderers (pantoken-icon, pantoken-color-swatch), dus het laden van @pantoken/components stylet het. Wikkel de gerenderde HTML in een .pantoken-prose-container (zie PROSE_CLASS) om ook de prose-laag over te nemen.

Voorbeeld ​

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 ​

Variabelen ​

Functies ​

Referenties ​

default ​

Hernoemt en her-exporteert pantokenMarkdownIt