pantoken / markdown-it

markdown-it ​

Experimentell

@pantoken/markdown-it — en markdown-it-plugin som renderar :icon:-koder som inline-SVG och fristående färgvärden (#03893D, rgb(…), oklch(…)) som prover, med hjälp av pantoken-ikonuppsättningen.

Den portar @pantoken/rehype- och @pantoken/react-markdown-pipelines till markdown-it: en enda kärnregel traverserar varje inline-tokens textbarn, delar dem vid ikon- och färgmönstren och byter matcherna mot html_inline-tokens. Ikonkoder löses genom en kedja — plugin-rehype-resolverare först, sedan en explicit MarkdownItOptions.resolve, och slutligen den inbyggda @pantoken/icons-uppsättningen — så varumärkesikon-plugins kombineras på samma sätt som på andra ställen.

Den genererade markupen använder samma klassnamn som de andra renderarna (pantoken-icon, pantoken-color-swatch), så att inladdning av @pantoken/components formger den. Wrappa den renderade HTML:en i en .pantoken-prose-container (se PROSE_CLASS) för att även få med prose-lagret.

Exempel ​

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

Gränssnitt ​

Variabler ​

Funktioner ​

Referenser ​

default ​

Döper om och återexporterar pantokenMarkdownIt