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) لالتقاط طبقة النص أيضًا.

مثال ​

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