pantoken / markdown-it

markdown-it ​

प्रयोगात्मक

@pantoken/markdown-it — एक markdown-it प्लगइन जो :icon: कोड्स को इनलाइन SVG के रूप में रेंडर करता है और एकल रंग मान (#03893D, rgb(…), oklch(…)) को स्वैचेस के रूप में प्रदर्शित करता है, pantoken आइकन सेट का उपयोग करते हुए।

यह @pantoken/rehype और @pantoken/react-markdown पाइपलाइनों को markdown-it पर पोर्ट करता है: एक सिंगल कोर नियम प्रत्येक इनलाइन टोकन के टेक्स्ट चाइल्ड्स को चलाने, आइकन और रंग पैटर्न्स पर उन्हें विभाजित करने, और मैचेस को html_inline टोकन्स के लिए स्वैप करने का काम करता है। आइकन कोड एक चेन के माध्यम से रिज़ॉल्व होते हैं — पहले प्लगइन rehype रिजॉल्वर, फिर एक स्पष्ट MarkdownItOptions.resolve, और फिर बिल्ट-इन @pantoken/icons सेट — इसलिए ब्रांड-आइकन प्लगइन्स वैसा ही संयोजन करते हैं जैसा वे अन्यत्र करते हैं।

जेनेरेट की गई मार्कअप दूसरे रेंडरर्स (pantoken-icon, pantoken-color-swatch) के समान क्लास नामों का उपयोग करती है, इसलिए @pantoken/components इसे स्टाइल कर देता है। रेंडर किए गए HTML को एक .pantoken-prose कंटेनर में लपेटें (देखें PROSE_CLASS) ताकि prose लेयर भी मिल सके।

उदाहरण ​

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 को पुनः-एक्सपोर्ट करता है