MicroLighter
Дейв Руперт собрал маленькую библиотечку, которая делает подсветку кода. «Ещё одну?» — спросите вы. Да, но она реально интересная.
Во-первых, работает на TextMate, то есть грамматики под неё легко добавляются, если очень нужно.
Во-вторых, всего 2 KB в gzip — это прям мало. Другие библиотеки тянут от 7 KB до 300 KB из тех, что я знаю.
В-третьих, она не «гадит» в HTML. Потому что использует под капотом Custom Highlight API, то есть размечает текст без вставки разных span и div в вёрстку, а делает некоторую подкапотную магию для применения ::highlight(token) потом в CSS.
«Так оно, наверное, кроме как в Chrome за флагом нигде работать не будет!» — снова возразите вы. И я тоже так думал до сегодняшнего утра. Но оказалось, что с марта 2026 года эта апишка вполне себе работает во всех браузерах. Поэтому можно либо делать аккуратную загрузку, где для современных браузеров берёте MicroLighter, а для тех, что постарше, какой-нибудь альтернативный хайлайтер, либо если подсветка кода вам в принципе в приложении скорее как дополнительная плюшка, то только MicroLighter и грузить.
https://davatron5000.github.io/microlighter/
Дейв Руперт собрал маленькую библиотечку, которая делает подсветку кода. «Ещё одну?» — спросите вы. Да, но она реально интересная.
Во-первых, работает на TextMate, то есть грамматики под неё легко добавляются, если очень нужно.
Во-вторых, всего 2 KB в gzip — это прям мало. Другие библиотеки тянут от 7 KB до 300 KB из тех, что я знаю.
В-третьих, она не «гадит» в HTML. Потому что использует под капотом Custom Highlight API, то есть размечает текст без вставки разных span и div в вёрстку, а делает некоторую подкапотную магию для применения ::highlight(token) потом в CSS.
«Так оно, наверное, кроме как в Chrome за флагом нигде работать не будет!» — снова возразите вы. И я тоже так думал до сегодняшнего утра. Но оказалось, что с марта 2026 года эта апишка вполне себе работает во всех браузерах. Поэтому можно либо делать аккуратную загрузку, где для современных браузеров берёте MicroLighter, а для тех, что постарше, какой-нибудь альтернативный хайлайтер, либо если подсветка кода вам в принципе в приложении скорее как дополнительная плюшка, то только MicroLighter и грузить.
https://davatron5000.github.io/microlighter/