TGViewer
Никита Федькин - мысли, заметки, анонсы Никита Федькин - мысли, заметки, анонсы @nixel2007_thoughts · 2.88K subscribers
Post #530 3.03K
Давно я не писал на любимую тему - про подсветку языка 1С в разных текстовых редакторах.

Вы могли обратить внимание, что на сайте с документацией ОСени 1сный код подсвечивается, причём весьма недурно - даже параметры аннотаций параметров методов светятся без ошибок. В общем прям как в VSCode и GitHub.

Если вы когда-то пытались встроить подсветку кода на сайт, то скорее всего вы быстро натыкалась на highlight.js. Штука, в целом, неплохая, но грамматика там не обновлялась много лет и даже в 2016ом году в подсветке в VSCode уже были фичи, которых нет в highlight.js, не говоря уже о новых штуках типа аннотаций типа &Перед, #ИзменениеИКонтроль. Про расширения грамматики оскрипта даже думать не хочется.

Авторы Vitepress, на котором построена документация, пошли по другому пути. Да, они написали/переиспользовали свой собственный хайлайтер. Но этот хайлайтер не стал изобретать свой собственный уникальный (тм) и неповторимый (r) формат для подсветки (привет, prism.js, rouge, codemirror, pygments и ещё минимум пяток известных мне систем токенизации, и даже телега отличилась как обычно). Они взяли тот же самый TextMate, на котором работает VSCode, Atom, SublimeText, GitHub и даже в Intellij IDEA есть поддержка, и построили разукрашку поверх него.

Называется эта разукрашка Shiki и живёт по адресу https://shiki.style

Недавно я добавил поддержку языка 1С для этой разукрашки, и на главной теперь можно выбрать как bsl, так и sdbl. Не знаю почему, но кириллица и 1сные запросы выглядят весьма комично на фоне того богатства языков, что доступны в селекторе - а там их за сотню.

Что самое приятное - так же как и подсветка на GitHub, авторы Shiki автоматом подтягивают обновления грамматик из репозитория в организации 1c-syntax. То есть при выходе новых версий грамматики мне больше не надо ломать голову, а куда ещё это надо дотащить - автоматика на их стороне сама все обновит и выпустит новый релиз.

Shiki содержит несколько бомбических фич, которые позволяют делать документацию нагляднее. Это например:
- фокус в блоках кода
- диффы и предупреждения
- нумерацию строк (привет, конфигуратор)
- и абсолютно шедевральный magic move, очень рекомендую посмотреть видосик на этой странице.

Все эти фичи постепенно будут появляться в документации к осени, например, работу фокуса можно оценить здесь.

Используйте богатые инструменты презентации, и пусть ваша документация будет блестящей и шелковистой
shiki.style A beautiful yet powerful syntax highlighter
  • 🔥 42
  • ❤ 19
  • 👍 8
More from @nixel2007_thoughts
  1. Sep 28, 2026Вторую картинку в посте потерял. Вот так менять/задавать пароль.
  2. Sep 28, 2026Если вы можете прочесть этот пост, то вероятно, ваш телефон находится, кхм-кхм, за границе…
  3. Sep 28, 2026video post
  4. Sep 28, 2026#анонс Полишинеля Я разрываюсь между двумя фразами на анонс, пускай будут обе: 1. Мы строи…
  5. Sep 27, 2026Внимательный разбор телеметрии показал, что основной причиной падений хаба последних дней…
  6. Sep 21, 2026Совместно с @EvilBeaver, @Segate и @nivanchenko готовим новый хаб оскрипта к релизу. Проек…
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 →