pantoken / markdown-it

markdown-it ​

Փորձարկումային

@pantoken/markdown-it — markdown-it հավելված, որը վերարտադրում է :icon: կոդերը որպես inline SVG և մասամբ անկախ գույնի արժեքները (#03893D, rgb(…), oklch(…))՝ որպես նմուշներ, օգտագործելով pantoken իկոնի հավաքածուն։

Այն տեղափոխում է @pantoken/rehype և @pantoken/react-markdown խողովակները դեպի markdown-it․ մեկ հիմնական կանոն անցնում է յուրաքանչյուր inline token–ի տեքստային զավակների միջով, բաժանում է դրանք իկոնի և գույնի նմուշների կերպարանների վրա և համընկնումները փոխարինում է html_inline token-դիտակներով։ Իկոնային կոդերը լուծվում են շղթայի միջոցով՝ plugin rehype լուծիչներից սկսած, հետո՝ հստակ MarkdownItOptions.resolve, և հետո ներկառուցված @pantoken/icons հավաքածունով — այսպես, բրենդ-իկոն պլագինները համադրում են նույն կերպ, ինչ մյուս տեղերում։

Գեներացված markup-ը օգտագործում է նույն դասի անունները, ինչ մյուս renderer-ները (pantoken-icon, pantoken-color-swatch), այնպես որ @pantoken/components–ը ներբեռնվելիս թույլ է տալիս այն ստիլավորել։ Այնարկեք ռենդերացված HTML–ը .pantoken-prose կոնտեյների մեջ (տես PROSE_CLASS)՝ որպեսզի գրավորության շերտն էլ կիրառվի։

Օրինակ ​

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

Ինտերֆեյսներ ​

Փոփոխականներ ​

Ֆունկցիաներ ​

Հղումներ ​

default ​

Վերնրանվանել եւ կրկին արտահանել է pantokenMarkdownIt