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