Сегодня мы разберемся, как стилизовать текст в telegram, как в нем работает разметка markdown и html.
Сразу оговорюсь: в интернете множество статей про то, как делать отложенные посты, добавлять к ним кнопки и оформлять их с помощью @controllerbot и аналогов. Эта статья совсем о другом.
Хостинг в РФ.
Проверенные сервера и VDS в РФ и за рубежом (для VPN, например) Проверенные сервера и VDS за рубежом
Разметку с помощью контекстного меню рассматривать тоже не буду. О ней вы скорее всего все знаете и пользуетесь постоянно. На всякий случай оставлю скриншот как пример:
В конце статьи также приведен список горячих клавиш.
Почти все тоже самое можно сделать быстрее с помощью специальных символов. Если вы такой же заядлый кодер, как я, или просто любите быстро печатать, то вам будет интересно.
Markdown довольно обширный язык и в телеграм представлена лишь малая часть его возможностей. На самом деле, с его помощью вы можете писать целые статьи. Ознакомиться с синтаксисом можно по ссылке
Markdown в телеграм
Итак, заходим на официальный сайт телеграм, идем в стилизацию текста и видим поддерживаемую разметку:
Однако, если просто вставить всю указанную markdown разметку в телеграм, то мы получим следующее:
Не работает курсивное начертание. Вероятно, в telegram давно не обновляли эту страницу и некоторые правила поменялись, а некоторые добавились. В стандартной разметке markdown действительно для курсива используется одна "звездочка", однако, в телеграм работает двойное подчеркивание. А с помощью || можно сделать скрытый текст, который появился относительно недавно. И вот мы получаем полный список полноценно работающих "команд":
**сам ты жирный**
__курсив__
`код`
~~перечеркнутый~~
```блок кода```
||скрытый текст||
Но что со ссылками? Ссылки в разметке markdown выглядят вот так:
[inline URL](http://www.example.com/)
Однако, по умолчанию они не работают (только в telegram x для android)
На официальном сайте указан инлайн-бот @bold - с помощью него можно вдохнуть жизнь в ссылку, однако, при этом, бот оставит свой след на нашем сообщении:
Можно использовать его и для оформления текста, чтобы потом скопировать и отправить куда нам нужно уже без подписи бота.
В этом боте работает свой вариант markdown:
@bold *сам ты жирный*
_курсив_
`код`
``` блок кода ```
[ссылка](https://google.com)
Все-таки для ссылки я бы использовал контекстное меню или горячие клавиши - это гораздо удобнее.
Что с 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="ya.ru">Сайт</a>
Этот бот работает с markdown, точно также как @bold, нужно лишь добавить "md":
@Sean_Bot md *сам ты жирный*
_курсив_
`код`
``` блок кода ```
[ссылка](https://google.com)
Горячие клавиши
Кому-то выделить текст и нажать сочетание клавиш будет гораздо проще и удобнее. Для таких людей я и припас этот списочек:
Для 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 = Скрытый текст
Понравилась статья? Лайк и подписка лучшая благодарность.
#it #социальные сети #мессенджеры #telegram #оформление #markdown #html #туториал