pantoken / markdown-it

markdown-it

Kísérleti

@pantoken/markdown-it — egy markdown-it plugin, amely a :icon: kódokat inline SVG-ként és az önálló szín értékeket (#03893D, rgb(…), oklch(…)) mintaként jeleníti meg, a pantoken ikon készlet segítségével.

A @pantoken/rehype és @pantoken/react-markdown csatornákat a markdown-itre portálja: egy egyetlen mag szabály végigmegy az egyes inline tokenek szöveges gyermekeit, szétválasztja őket az ikon és szín mintázatokon, és felcseréli az egyezéseket html_inline tokenekre. Az ikon kódok egy láncon keresztül oldódnak fel — a plugin rehype resolverek először, majd egy explicit MarkdownItOptions.resolve, majd a beépített @pantoken/icons készlet — így a márka-ikon pluginek ugyanúgy állnak össze, mint másutt.

A kibocsátott jelölés ugyanazokat az osztályneveket használja, mint az egyéb rendererek (pantoken-icon, pantoken-color-swatch), így a @pantoken/components betöltése stílusokat ad hozzá. Burkolj be az HTML-t egy .pantoken-prose konténerbe (lásd PROSE_CLASS) a prózavréteg felvételéhez.

Példa

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

Interfészek

• MarkdownItOptions

Változók

• PROSE_CLASS

Függvények

• pantokenMarkdownIt

Hivatkozások

default

Átnevez és újra exportál pantokenMarkdownIt