pantoken / markdown-it

markdown-it ​

Eksperimental

@pantoken/markdown-it — sebuah plugin markdown-it yang merender kode :icon: sebagai SVG sebaris dan nilai warna mandiri (#03893D, rgb(…), oklch(…)) sebagai swatch, menggunakan set ikon pantoken.

Ini mem-porting pipeline @pantoken/rehype dan @pantoken/react-markdown ke markdown-it: sebuah aturan inti tunggal berjalan melalui setiap anak teks token inline, memisahkannya berdasarkan pola ikon dan warna, dan mengganti kecocokan dengan token html_inline. Kode ikon diselesaikan melalui rantai — resolver plugin rehype terlebih dahulu, lalu MarkdownItOptions.resolve yang eksplisit, lalu set bawaan @pantoken/icons — sehingga plugin ikon merek tersusun dengan cara yang sama seperti di tempat lain.

Markup yang dihasilkan menggunakan nama kelas yang sama dengan renderer lain (pantoken-icon, pantoken-color-swatch), jadi memuat @pantoken/components akan memberi gaya padanya. Bungkus HTML yang dirender dalam wadah .pantoken-prose (lihat PROSE_CLASS) untuk juga mengambil lapisan prosa.

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

Antarmuka ​

Variabel ​

Fungsi ​

Referensi ​

default ​

Mengganti nama dan mengekspor ulang pantokenMarkdownIt