pantoken / markdown-it

markdown-it ​

Πειραματικό

@pantoken/markdown-it — ένα plugin για το markdown-it που αποδίδει τους κώδικες :icon: ως ενσωματωμένα SVG και αυτόνομες τιμές χρωμάτων (#03893D, rgb(…), oklch(…)) ως δείγματα, χρησιμοποιώντας το σετ εικονιδίων pantoken.

Μεταφέρει τις γραμμές επεξεργασίας @pantoken/rehype και @pantoken/react-markdown στο markdown-it: ένας ενιαίος βασικός κανόνας διατρέχει τα κείμενα των inline tokens, τα χωρίζει στα μοτίβα εικονιδίων και χρωμάτων και ανταλλάσσει τις αντιστοιχίες για html_inline tokens. Οι κώδικες εικονιδίων επιλύονται μέσω αλυσίδας — πρώτα οι resolvers του plugin rehype, μετά μία ρητή MarkdownItOptions.resolve, και τέλος το ενσωματωμένο σετ @pantoken/icons — έτσι τα plugins για brand-icon συντίθενται με τον ίδιο τρόπο όπως και αλλού.

Το παραγόμενο markup χρησιμοποιεί τα ίδια ονόματα κλάσεων με τους άλλους renderers (pantoken-icon, pantoken-color-swatch), οπότε το @pantoken/components το στυλιζάρει. Περιβάλλετε το αποδοθέν HTML με ένα container .pantoken-prose (δείτε PROSE_CLASS) για να απορροφηθεί και το prose layer.

Παράδειγμα ​

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