pantoken / markdown-it

markdown-it ​

Экспериментально

@pantoken/markdown-it — плагин для markdown-it, который рендерит коды :icon: как встроенные SVG и отдельные цветовые значения (#03893D, rgb(…), oklch(…)) в виде образцов (swatches), используя набор иконок pantoken.

Он портирует пайплайны @pantoken/rehype и @pantoken/react-markdown на markdown-it: одно центральное правило проходит по текстовым дочерним токенам каждого inline-токена, разбивает их по шаблонам иконок и цветов и заменяет совпадения на токены html_inline. Коды иконок разрешаются через цепочку — сначала резолверы плагина 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