pantoken / markdown-it

markdown-it ​

實驗性

@pantoken/markdown-it — 一個 markdown-it 外掛，將 :icon: 編碼渲染為內嵌 SVG，並將獨立的色彩值 (#03893D, rgb(…), oklch(…)) 以色板形式顯示，使用 pantoken 圖示集。

它將 @pantoken/rehype 和 @pantoken/react-markdown 的處理流程移植到 markdown-it：單一核心規則會走訪每個內聯 token 的文字子節點，依圖示與色彩模式分割內容，並將匹配項替換為 html_inline tokens。圖示編碼透過一個解析鏈解決——先由外掛的 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