pantoken / markdown-it

markdown-it ​

Experimental

@pantoken/markdown-it — um plugin do markdown-it que renderiza códigos :icon: como SVGs inline e valores de cor autônomos (#03893D, rgb(…), oklch(…)) como amostras, usando o conjunto de ícones pantoken.

Ele porta os pipelines @pantoken/rehype e @pantoken/react-markdown para o markdown-it: uma regra central única percorre os filhos de texto de cada token inline, os divide nos padrões de ícone e cor, e substitui as ocorrências por tokens html_inline. Códigos de ícone são resolvidos por uma cadeia — resolvers do plugin rehype primeiro, depois uma MarkdownItOptions.resolve explícita, e então o conjunto embutido @pantoken/icons — assim plugins de ícones de marca se combinam da mesma forma que em outros lugares.

O markup emitido usa os mesmos nomes de classe dos outros renderizadores (pantoken-icon, pantoken-color-swatch), então carregar @pantoken/components o estiliza. Envolva o HTML renderizado em um container .pantoken-prose (veja PROSE_CLASS) para também aplicar a camada de prosa.

Exemplo ​

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.");

Interfaces ​

Variáveis ​

Funções ​

Referências ​

default ​

Renomeia e reexporta pantokenMarkdownIt