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 token。图标代码通过一条链解析——先是插件 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