{"id":13465,"url":"\/distributions\/13465\/click?bit=1&hash=1e6228dc4e5e22730d5108e1c30ee96b3462205737e7a3fe7ce4c965aaacfe57","title":"\u041a\u043e\u043d\u0444\u0435\u0440\u0435\u043d\u0446\u0438\u044f Ozon \u2014 \u043a\u043e\u043c\u0443, \u0447\u0442\u043e \u0438 \u043a\u0430\u043a \u043f\u0440\u043e\u0434\u0430\u0432\u0430\u0442\u044c \u0432 \u043a\u0440\u0438\u0437\u0438\u0441","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"6b1e0c55-41d3-56c2-84e2-fe6f447e3825","isPaidAndBannersEnabled":false}
Михаил Гок

Стилизация текста в telegram. Разметка markdown и html

Небольшой обзор того, как работает разметка в telegram, как стилизовать текст при помощи markdown и html.

Сразу оговорюсь: в интернете множество статей про то, как делать отложенные посты, добавлять к ним кнопки и оформлять их с помощью @controllerbot и аналогов. Эта статья совсем о другом.

Разметку с помощью контекстного меню рассматривать тоже не буду. О ней вы скорее всего все знаете и пользуетесь постоянно. На всякий случай оставлю скриншот как пример:

стилизация с помощью контекстного меню

В конце статьи также приведен список горячих клавиш.

Почти все тоже самое можно сделать быстрее с помощью специальных символов. Если вы такой же заядлый текстер, как я, или просто любите быстро печатать, то вам будет интересно.

Markdown довольно обширный язык и в телеграм представлена лишь малая часть его возможностей. На самом деле, с его помощью вы можете писать целые статьи. Ознакомиться с синтаксисом можно по ссылке

Markdown в телеграм

Итак, заходим на официальный сайт телеграм, идем в стилизацию текста и видим поддерживаемую разметку:

стилизация с официального сайта telegram.org

Однако, если просто вставить всю указанную markdown разметку в телеграм, то мы получим следующее:

Не работает курсивное начертание. Вероятно, в telegram давно не обновляли эту страницу и некоторые правила поменялись, а некоторые добавились. В стандартной разметке markdown действительно для курсива используется одна "звездочка", однако, в телеграм работает двойное подчеркивание. А с помощью || можно сделать скрытый текст, который появился относительно недавно. И вот мы получаем полный список полноценно работающих "команд":

**сам ты жирный**
__курсив__
`код`
~~перечеркнутый~~
```блок кода```
||скрытый текст||

Но что со ссылками? Ссылки в разметке markdown выглядят вот так:

(ссылка)[https://smth.com]

Однако, по умолчанию они не работают (только в telegram x для android)

На официальном сайте указан инлайн-бот @bold - с помощью него можно вдохнуть жизнь в ссылку, однако, при этом, бот оставит свой след на нашем сообщении:

пример использования @bold

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

В этом боте работает свой вариант markdown:

Все-таки для ссылки я бы использовал контекстное меню или горячие клавиши - это гораздо удобнее.

Как там HTML?

В целом, html-разметка тоже работает, но уже с другим инлайн-ботом. Нужно всего лишь написать:

@Sean_bot html

И далее нужный нам текст с поддерживаемыми html-тегами. Вот их полный список:

@Sean_Bot html <b>Сам жирный</b> <i>Курсив</i> <code>код</code> <s>перечеркнутый</s> <u>подчеркнутый</u> <pre language="c++">код</pre> <a href="smth.ru">Сайт</a>

Этот бот работает с markdown, точно также как @bold, нужно лишь добавить "md":

Горячие клавиши

Кому-то выделить текст и нажать сочетание клавиш будет гораздо проще и удобнее. Для таких людей я и припас этот списочек:

Для windows:

ctrl + B = Жирный

ctrl + I = Курсив

ctrl + U = Подчеркнутый

ctrl + shift + X = Перечеркнутый

ctrl + shift + M = Моноширинный (код)

ctrl + shift + N = Очистить стили

Для macos:

com + U = Ссылка

com + B = Жирный

com + I = Курсив

com + shift + U = Подчеркнутый

com + shift + X = Перечеркнутый

com + shift + K = Моноширинный (код)

com + shift + P = Скрытый текст

0
Комментарии
Читать все 0 комментариев
null