pantoken / markdown-it

markdown-it ​

Whakamātautau

@pantoken/markdown-it — he tāpiri mō markdown-it e whakaatu ana i ngā waehere :icon: hei SVG ā-roto, me ngā uara tae motuhake (#03893D, rgb(…), oklch(…)) hei tauira tae, mā te whakamahi i te kohinga tohu pantoken.

Ka kawea ngā riu @pantoken/rehype me @pantoken/react-markdown ki runga i te markdown-it: he ture matua kotahi e hīkoi ana i ngā tamariki kuputuhi o ia tohu ā-roto, e wehe ana i a rātou i runga i ngā tauira ata me ngā tauira tae, ā, ka whakawhitihia ngā kitenga ki ngā tohu html_inline. Ka whakatauhia ngā waehere ata mā te mekameka — tuatahi ko ngā whakamārama ā-āpitihanga rehype, katahi te MarkdownItOptions.resolve kua tautuhia, ā, kātahi ko te kohinga ā-roto @pantoken/icons — nō reira ka hanga tahi ngā taonga-marka ā-ata i te ara kotahi e hangaia ai ērā i ētahi atu wāhi.

Ko te tohu HTML kua whakaputaina e whakamahi ana i ngā ingoa kāwai ōrite ki ērā o ērā atu kaiwhakaatu (pantoken-icon, pantoken-color-swatch), nō reira mā te uta i @pantoken/components ka whakatakoto āna kāhua. Whakakīa te HTML kua whakamahia ki roto i tētahi ipu .pantoken-prose (tīpakohia te PROSE_CLASS) kia hopukina hoki te papa kōrero.

Tauira ​

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

Ngā Atanga ​

Ngā Taipūtī ​

Ngā Mahi ​

Ngā Tohutoro ​

default ​

Whakarerekē ingoa ka kaweake anō i te pantokenMarkdownIt