Перейти к основному содержимому

HTML-разметка

В некоторых каналах вы можете использовать HTML-разметку, чтобы форматировать текст ответов бота: например, выделить часть сообщения курсивом или оформить перечисление при помощи списка.

HTML-разметка поддерживается в каналах:

предупреждение
Если бот отправит сообщение с HTML-разметкой в каком-либо другом канале, пользователь получит обычное сообщение без разметки.

Использование в сценарии

Использовать HTML-разметку можно несколькими способами:

  • Тег реакции a. После тега укажите параметры htmlEnabled = true и html с размеченным текстом:

    a: Это статья про HTML. || htmlEnabled = true, html = "Это статья про <b>HTML</b>."
  • Метод $reactions.answer. Передайте как аргумент метода объект с полем html, которое должно содержать размеченный текст:

    script:
    $reactions.answer({
    "value": "HTML — язык разметки гипертекста для просмотра веб-страниц в браузере.",
    "html": "HTML — язык разметки <i>гипертекста</i> для просмотра веб-страниц в браузере."
    });
  • Ответы с типом text. Передайте в поле markup объекта с ответом значение html, а в поле text — размеченный текст:

    script:
    $response.replies = $response.replies || [];
    $response.replies.push({
    "type": "text",
    "text": "Его изобрел <strike>американский</strike> британский ученый Тим Бернерс-Ли.",
    "markup": "html"
    });
  • Ответы с типами image и video для разметки текста в описании изображения или видео. Передайте в поле markup объекта с ответом значение html, а в imageName или videoName — размеченный текст:

    script:
    $response.replies = $response.replies || [];
    $response.replies.push({
    "type": "image",
    "imageUrl": "https://example.com/tim-berners-lee.png",
    "imageName": "Создатель HTML — <u>Тим Бернерс-Ли</u>",
    "markup": "html"
    });

Ограничения каналов

Все каналы, кроме Chat API, поддерживают ограниченный набор HTML-тегов.

ТегЧат-виджетTelegram
<a> (ссылка)ДаДа
<b> (полужирный текст)ДаДа
<i> (курсив)ДаДа
<ol> (нумерованный список)ДаНет
<pre> (предварительно отформатированный текст)ДаДа
<strike> (перечеркнутый текст)ДаДа
<u> (подчеркнутый текст)ДаДа
<ul> (маркированный список)ДаНет
<code> (код)ДаДа