pantoken / markdown-it

markdown-it ​

Deneysel

@pantoken/markdown-it — pantoken simge setini kullanarak :icon: kodlarını satır içi SVG olarak ve bağımsız renk değerlerini (#03893D, rgb(…), oklch(…)) örnek kartları (swatch) olarak render eden bir markdown-it eklentisidir.

@pantoken/rehype ve @pantoken/react-markdown boru hatlarını markdown-it üzerine taşır: tek bir çekirdek kural her satır içi tokenin metin çocuklarını gezer, simge ve renk desenlerine göre böler ve eşleşmeleri html_inline tokenleriyle değiştirir. Simge kodları bir zincir üzerinden çözülür — önce eklenti rehype çözücüleri, sonra açık bir MarkdownItOptions.resolve, sonra yerleşik @pantoken/icons seti — böylece marka simgesi eklentileri başka yerlerde olduğu gibi bileşir.

Üretilen işaretleme diğer render'larla aynı sınıf adlarını kullanır (pantoken-icon, pantoken-color-swatch), bu nedenle @pantoken/components yüklendiğinde stil uygulanır. Oluşturulan HTML'yi bir .pantoken-prose konteynerine sarın (bkz. PROSE_CLASS) böylece prose katmanını da alır.

Örnek ​

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

Arayüzler ​

Değişkenler ​

Fonksiyonlar ​

Başvurular ​

default ​

pantokenMarkdownIt öğesini yeniden adlandırır ve yeniden dışa aktarır