{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сегодня мы разберемся, как стилизовать текст в telegram, как в нем работает разметка markdown и html. ","type":"unstyled","key":"em0fr"},{"data":{"image":{"id":"625531577d73a62ef80a285c"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ejgj6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Сразу оговорюсь: в интернете множество статей про то, как делать отложенные посты, добавлять к ним кнопки и оформлять их с помощью @controllerbot и аналогов. Эта статья совсем о другом. ","type":"unstyled","key":"8mie8"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":7,"offset":0},{"key":1,"length":7,"offset":30},{"key":2,"length":3,"offset":67},{"key":3,"length":7,"offset":94}],"inlineStyleRanges":[],"text":"Хостинг в РФ. \nПроверенные сервера и VDS в РФ и за рубежом (для VPN, например) Проверенные сервера и VDS за рубежом","type":"blockquote","key":"d7t4a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Разметку с помощью контекстного меню рассматривать тоже не буду. О ней вы скорее всего все знаете и пользуетесь постоянно. На всякий случай оставлю скриншот как пример: ","type":"unstyled","key":"33sf4"},{"data":{"image":{"id":"62542f9103b47075420e1926"},"contents":{"62542f9103b47075420e1926":"разметка с помощью контекстного меню"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"разметка с помощью контекстного меню","type":"atomic:image","key":"cdu90"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В конце статьи также приведен список горячих клавиш.","type":"unstyled","key":"9tehe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Почти все тоже самое можно сделать быстрее с помощью специальных символов. Если вы такой же заядлый кодер, как я, или просто любите быстро печатать, то вам будет интересно.","type":"unstyled","key":"7dska"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":6,"offset":189}],"inlineStyleRanges":[],"text":"Markdown довольно обширный язык и в телеграм представлена лишь малая часть его возможностей. На самом деле, с его помощью вы можете писать целые статьи. Ознакомиться с синтаксисом можно по ссылке","type":"blockquote","key":"dp7pj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Markdown в телеграм","type":"header-two","key":"4l6br"},{"data":{},"depth":0,"entityRanges":[{"key":5,"length":4,"offset":29}],"inlineStyleRanges":[],"text":"Итак, заходим на официальный сайт телеграм, идем в стилизацию текста и видим поддерживаемую разметку: ","type":"unstyled","key":"aauu3"},{"data":{"image":{"id":"62542da303b47075420b534d"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"поддерживаемая разметка","type":"atomic:image","key":"15gpf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Однако, если просто вставить всю указанную markdown разметку в телеграм, то мы получим следующее: ","type":"unstyled","key":"cd6b5"},{"data":{"image":{"id":"625430b3997ac56cd3720bd1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8q441"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Не работает курсивное начертание. Вероятно, в telegram давно не обновляли эту страницу и некоторые правила поменялись, а некоторые добавились. В стандартной разметке markdown действительно для курсива используется одна \"звездочка\", однако, в телеграм работает двойное подчеркивание. А с помощью || можно сделать скрытый текст, который появился относительно недавно. И вот мы получаем полный список полноценно работающих \"команд\":","type":"unstyled","key":"c5mdb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"**сам ты жирный**\n__курсив__\n`код`\n~~перечеркнутый~~\n```блок кода```\n||скрытый текст||","type":"unstyled","key":"euaa5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Но что со ссылками? Ссылки в разметке markdown выглядят вот так: ","type":"unstyled","key":"fptjg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"[inline URL](http://www.example.com/)","type":"unstyled","key":"7jo8a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Однако, по умолчанию они не работают (только в telegram x для android)","type":"unstyled","key":"5q828"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"На официальном сайте указан инлайн-бот @bold - с помощью него можно вдохнуть жизнь в ссылку, однако, при этом, бот оставит свой след на нашем сообщении: ","type":"unstyled","key":"d5fve"},{"data":{"image":{"id":"625438790752e873cb746e39"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"пример использования @bold","type":"atomic:image","key":"38koe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Можно использовать его и для оформления текста, чтобы потом скопировать и отправить куда нам нужно уже без подписи бота. ","type":"unstyled","key":"cce5m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В этом боте работает свой вариант markdown: ","type":"unstyled","key":"2aaqu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@bold *сам ты жирный*\n_курсив_\n`код`\n``` блок кода ```\n[ссылка](https://google.com)","type":"unstyled","key":"bi2ue"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Все-таки для ссылки я бы использовал контекстное меню или горячие клавиши - это гораздо удобнее. ","type":"unstyled","key":"ceklo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Что с HTML?","type":"header-two","key":"2vf5l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В целом, html-разметка тоже работает, но уже с другим инлайн-ботом. Нужно всего лишь написать: ","type":"unstyled","key":"a7nfe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@Sean_Bot html","type":"unstyled","key":"1cfj1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И далее нужный нам текст с поддерживаемыми html-тегами. Вот их полный список: ","type":"unstyled","key":"9pnq2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@Sean_Bot html Сам жирный\nКурсив\nкод\n~~перечеркнутый~~\nподчеркнутый\n

код

\nСайт","type":"unstyled","key":"beun1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Этот бот работает с markdown, точно также как @bold, нужно лишь добавить \"md\":","type":"unstyled","key":"2353g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"@Sean_Bot md *сам ты жирный* \n_курсив_ \n`код` \n``` блок кода ``` \n[ссылка](https://google.com)","type":"unstyled","key":"auuk6"},{"data":{"embedData":{"type":"yandex-zen-video","uuid":"vs3FWyw4PvSs","previewImageData":{"id":"625807328d1a432b539ed8da","groupId":1873182,"imageName":"pub_6258052087ea100d3396dc9e_625807328d1a432b539ed8da","namespace":"zen_doc","meta":{"mainColor":"#080810","origFormat":"JPEG"}},"publisherId":"622e40231ff5353178d60d0a","publicationId":"6258052087ea100d3396dc9e","publisherName":"Михаил Гок","publisherAvatar":{"id":"622f4b8cc3838c6d7f3ac899","groupId":246004,"imageName":"pub_622e40231ff5353178d60d0a_622f4b8cc3838c6d7f3ac899","namespace":"zen-logos","meta":{"mainColor":"#0048F8","origFormat":"PNG"}},"isPublisherVerified":false,"subscribersCount":8,"publishTime":1649936337464,"title":"Стилизация текста в telegram","duration":22000,"customParams":{"signed_url":"3ZRYzTuqsnWVhsoy3Eszm9ey7qR9RsNvBDs8R-h6x_tV6mZeyA5yMxVAOFJ1GT_9fLZjQ_sdnnc"}}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"c061k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Горячие клавиши","type":"header-two","key":"ebe7q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Кому-то выделить текст и нажать сочетание клавиш будет гораздо проще и удобнее. Для таких людей я и припас этот списочек: ","type":"unstyled","key":"2s451"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":0,"style":"BOLD"}],"text":"Для windows:\nctrl + B = Жирный\nctrl + I = Курсив\nctrl + U = Подчеркнутый\nctrl + shift + X = Перечеркнутый\nctrl + shift + M = Моноширинный (код)\nctrl + shift + N = Очистить стили","type":"blockquote","key":"diqoh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":0,"style":"BOLD"}],"text":"Для macos:\ncom + U = Ссылка\ncom + B = Жирный\ncom + I = Курсив\ncom + shift + U = Подчеркнутый\ncom + shift + X = Перечеркнутый\ncom + shift + K = Моноширинный (код)\ncom + shift + P = Скрытый текст","type":"blockquote","key":"79otb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Понравилась статья? Лайк и подписка лучшая благодарность. ","type":"unstyled","key":"6fa1g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"#it #социальные сети #мессенджеры #telegram #оформление #markdown #html #туториал","type":"unstyled","key":"ftbcs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"3kUs8VEIBh8QaovMA9pR"}],"entityMap":{"0":{"data":{"href":"https://timeweb.com/ru/?i=102143","url":"https://timeweb.com/ru/?i=102143"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://cloud.timeweb.com/?i=102143","url":"https://cloud.timeweb.com/?i=102143"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"https://dzen.ru/media/mihailgok/sozdanie-svoego-vpn-servera-dlia-smartfona-i-pk-za-5-shagov-100-mbitsek-624c13dae9f6287701e67b6c","badSeoLink":"true","url":"https://dzen.ru/media/mihailgok/sozdanie-svoego-vpn-servera-dlia-smartfona-i-pk-za-5-shagov-100-mbitsek-624c13dae9f6287701e67b6c"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"href":"https://vdsina.ru/?partner=1254d4g7ty","url":"https://vdsina.ru/?partner=1254d4g7ty"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"url":"https://gist.github.com/Jekins/2bf2d0638163f1294637#Emphasis"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"url":"https://core.telegram.org/api/entities"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}