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 המובנה — כך שתוספי אייקון ממותגים מרכיבים זה עם זה באותו אופן כמו במקומות אחרים.

ה‑markup שנוצר משתמש באותן שמות מחלקות כמו שאר המייצרים (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