pantoken / markdown-it

markdown-it ​

Eksperimental

@pantoken/markdown-it — plugin markdown-it yang merender kod :icon: sebagai SVG sebaris dan nilai warna berdiri sendiri (#03893D, rgb(…), oklch(…)) sebagai petak warna, menggunakan set ikon pantoken.

Ia memportkan saluran @pantoken/rehype dan @pantoken/react-markdown ke dalam markdown-it: satu peraturan teras berjalan ke setiap anak teks token sebaris, memecahkannya mengikut corak ikon dan warna, dan menukar padanan kepada token html_inline. Kod ikon diselesaikan melalui rantaian — penyelesai plugin rehype terlebih dahulu, kemudian MarkdownItOptions.resolve yang jelas, kemudian set terbina dalam @pantoken/icons — jadi plugin ikon jenama bergabung dengan cara yang sama seperti di tempat lain.

Markup yang dihasilkan menggunakan nama kelas yang sama seperti perender lain (pantoken-icon, pantoken-color-swatch), jadi memuatkan @pantoken/components akan menggayakannya. Bungkus HTML yang dirender dalam bekas .pantoken-prose (lihat PROSE_CLASS) untuk mengambil lapisan prosa juga.

Contoh ​

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

Antaramuka ​

Pembolehubah ​

Fungsi ​

Rujukan ​

default ​

Menamakan semula dan mengeksport semula pantokenMarkdownIt