TGViewer
mefody.dev mefody.dev @mefody_dev · 5.38K subscribers
Post #535 2.33K
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/
Dave microlighter I made a smol client-side syntax highlighter that uses the CSS Custom Highlights API called MicroLighter. I’ll talk about why I made it in a bit but first I wanted to… ahem… highlight… some of the features.
  • ❤ 26
  • 🔥 12
  • 👍 5
  • ❤‍🔥 3
  • 🎉 3
  • 👏 1
More from @mefody_dev
  1. Sep 16, 2026Какие анимации более производительные: CSS или JS? Лучше пару раз увидеть, чем много откуд…
  2. Sep 14, 2026Единица измерения lh Если коротко, то 1lh = 1 line height. И это не размер шрифта, который…
  3. Sep 11, 2026<mermaid-element> Ещё одна полезная библиотека. Брамус собрал кастомный элемент, которому…
  4. Sep 9, 2026Вам больше не нужен initial-scale Стопудово где-то у вас в вёрстке есть <meta name="viewpo…
  5. Sep 4, 2026deep tech night Чуть не забыл. Завтра же deep tech night будет. Там про ИИ и LLM, причём я…
  6. Sep 2, 2026Ambient CSS Освещение в интерфейсах на CSS! Ладно, звучит громко, но если вам нравится дел…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →