pantoken / markdown-it

markdown-it ​

Experimental

@pantoken/markdown-it — un plugin de markdown-it que renderiza los códigos :icon: como SVG en línea y valores de color independientes (#03893D, rgb(…), oklch(…)) como muestras, usando el conjunto de iconos de pantoken.

Hace el port de los pipelines @pantoken/rehype y @pantoken/react-markdown a markdown-it: una única regla central recorre los hijos de texto de cada token inline, los divide según los patrones de icono y color, y sustituye las coincidencias por tokens html_inline. Los códigos de icono se resuelven mediante una cadena — primero los resolutores del plugin rehype, luego un MarkdownItOptions.resolve explícito, y después el conjunto incorporado @pantoken/icons — por lo que los plugins de iconos de marca se componen de la misma manera que en otros sitios.

El marcado emitido usa los mismos nombres de clase que los otros renderizadores (pantoken-icon, pantoken-color-swatch), por lo que al cargar @pantoken/components se aplica su estilo. Envuelva el HTML renderizado en un contenedor .pantoken-prose (véase PROSE_CLASS) para que también tome la capa de prosa.

Ejemplo ​

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 ​

Variables ​

Funciones ​

Referencias ​

default ​

Renombra y vuelve a exportar pantokenMarkdownIt