Скрыть текст под спойлером в Telegram можно через контекстное меню: выделите фрагмент сообщения, нажмите на него правой кнопкой мыши (или удерживайте палец на смартфоне) и выберите пункт Форматирование → Спойлер — текст станет размытым и откроется только по нажатию. Это самый быстрый способ, но далеко не единственный: синтаксис спойлера отличается в Discord, на форумах, в ВК и в HTML-разметке сайтов.
В этой инструкции разберём все популярные способы создания спойлера: от встроенных функций мессенджеров до ручной верстки тегами. Вы узнаете, какой метод подходит для вашей площадки, как скрыть не только текст, но и картинки, и что делать, если спойлер не срабатывает.
Что такое спойлер и где он применяется
Спойлер — это скрытый блок контента, который отображается только после клика или нажатия пользователя. Изначально термин пришёл из кинематографа: спойлером называли информацию, раскрывающую сюжет фильма или книги раньше времени. Чтобы не портить впечатление другим, такой текст стали прятать под специальную обёртку.
Сегодня спойлеры используются гораздо шире. Вот основные сценарии:
- 🎬 Скрытие сюжетных поворотов фильмов, игр и книг в обсуждениях
- 📉 Сокращение длинных сообщений — под спойлер убирают логи, код, цитаты
- 🖼️ Маскировка изображений с шокирующим или откровенным содержимым
- ❓ Оформление ответов на загадки, тесты и вопросы викторин
- 📄 Сворачивание дополнительной информации на сайтах и в документации
Технически спойлер реализуется по-разному: где-то это встроенная функция форматирования, где-то — BB-код или Markdown-разметка, а на сайтах — связка HTML и CSS. Рассмотрим каждый вариант отдельно.
Как сделать спойлер в Telegram
В Telegram функция спойлера встроена в редактор сообщений и работает на всех платформах — iOS, Android, Windows, macOS и в веб-версии. Порядок действий одинаковый, отличается только способ вызова меню.
На компьютере выделите нужный фрагмент текста мышью, затем кликните по нему правой кнопкой. В появившемся меню выберите Форматирование, а затем пункт Спойлер. Выделенный текст сразу покроется «мерцающей» анимацией — так он будет выглядеть у получателей, пока те не нажмут на него.
На смартфоне логика та же: выделите текст долгим нажатием, в всплывающей панели найдите пункт форматирования (на Android он может скрываться за значком трёх точек) и выберите Спойлер. После отправки сообщения скрытая часть откроется коротким тапом.
В Telegram спойлер можно применить и к фото: при отправке изображения нажмите на него в окне предпросмотра и выберите опцию размытия — картинка откроется только по нажатию.
Обратите внимание: спойлер в Telegram работает только внутри одного сообщения. Если нужно скрыть большой объём текста, его придётся выделить целиком — частичное снятие спойлера с отдельных абзацев невозможно без повторного форматирования.
Как сделать спойлер в Discord и других мессенджерах
В Discord используется разметка в стиле Markdown. Чтобы скрыть текст, оберните его в двойные вертикальные черты с обеих сторон:
||скрытый текст спойлера||После отправки фрагмент станет чёрной полосой, которая раскрывается по клику. Альтернативный способ — выделить текст и нажать появившуюся кнопку с иконкой глаза во всплывающей панели форматирования. Для изображений в Discord при загрузке файла доступна галочка Отметить как спойлер — картинка будет размыта до нажатия.
В других сервисах ситуация отличается. В ВКонтакте нативного спойлера для личных сообщений нет — скрытие текста доступно только в вики-разметке сообществ и в статьях. В WhatsApp функция спойлера на момент написания статьи не предусмотрена, пользователи обходятся точками-отступами или сторонними символами. Если вам критично скрывать текст, проверьте актуальную документацию конкретного приложения — функции форматирования периодически добавляются с обновлениями.
Спойлер на форумах: BB-коды
На классических форумах (движки phpBB, vBulletin, XenForo) спойлер создаётся через BB-коды — специальные теги в квадратных скобках. Стандартная конструкция выглядит так:
[spoiler]Скрытый текст[/spoiler]Многие движки поддерживают расширенный вариант с заголовком, который отображается на кнопке раскрытия:
[spoiler=Ответ на загадку]Правильный ответ здесь[/spoiler]Точный синтаксис зависит от движка и настроек конкретного форума: где-то вместо spoiler используется тег hide или spoil, а вложенные спойлеры могут не поддерживаться. Если конструкция не сработала, посмотрите справку по форматированию — обычно ссылка на неё есть рядом с формой ответа — или проверьте, не отключены ли BB-коды в вашем профиле.
⚠️ Внимание: на некоторых форумах тег спойлера доступен только зарегистрированным пользователям или отключается в отдельных разделах. Если тег отображается как обычный текст — проверьте правила раздела перед повторной публикацией.
☑️ Проверка перед публикацией спойлера на форуме
Как сделать спойлер в HTML на сайте
Для собственного сайта самый простой способ — нативные теги details и summary, которые работают во всех современных браузерах без JavaScript:
<details>
<summary>Нажмите, чтобы раскрыть</summary>
<p>Скрытое содержимое спойлера.</p>
</details>
Тег summary задаёт видимый заголовок, а всё остальное внутри details скрывается до клика. Блоку можно добавить атрибут open, если содержимое должно быть раскрыто по умолчанию. Стрелку-индикатор и внешний вид легко стилизовать через CSS под дизайн сайта.
В текстовых редакторах вроде WordPress (Gutenberg) или Notion аналогичные блоки называются «сворачиваемый блок», «toggle» или «раскрывающийся список» и добавляются через интерфейс без ручной верстки. В Markdown-документах, которые рендерятся на GitHub, конструкция details/summary тоже работает — её часто используют в README-файлах для скрытия логов и длинных листингов.
Пример стилизации спойлера через CSS
Для тега details можно задать фон, рамку и отступы: details { border: 1px solid #ccc; padding: 8px; border-radius: 6px; } — а псевдоэлемент ::marker у summary меняет вид стрелки раскрытия.
Теги details и summary — единственный способ сделать рабочий спойлер на чистом HTML без скриптов, поэтому это оптимальный выбор для сайтов, email-рассылок и документации.
Сравнение способов создания спойлера
Чтобы быстро выбрать подходящий метод, сверьтесь с таблицей — в ней собраны основные площадки и их синтаксис.
| Площадка | Способ | Синтаксис / действие | Спойлер для фото |
|---|---|---|---|
| Telegram | Меню форматирования | Выделить текст → Спойлер | Да, через размытие |
| Discord | Markdown-разметка | ||текст|| | Да, галочка при загрузке |
| Форумы (BB-код) | Теги в скобках | [spoiler]текст[/spoiler] | Зависит от движка |
| Сайт (HTML) | Нативные теги | <details><summary> | Да, внутри блока |
| Нет встроенной функции | — | Нет |
Как видно, универсального синтаксиса не существует: конструкция, которая работает в Discord, на форуме отобразится обычным текстом, и наоборот. Перед публикацией всегда проверяйте правила форматирования конкретной площадки.
Почему спойлер не работает: типичные ошибки
Если вместо скрытого блока читатели видят сырые теги или текст без форматирования, причина почти всегда в одной из типовых ошибок. Разберём самые частые.
Первая — непарные теги. В BB-кодах и HTML каждый открывающий тег должен быть закрыт: [spoiler] без [/spoiler] сломает разметку всего сообщения. Вторая — лишние пробелы и переносы строк внутри конструкции: запись || текст || с пробелами после черт в Discord может не сработать.
Третья причина — ограничения платформы. Возможная причина также в том, что редактор автоматически экранирует символы или отключает разметку для вашего типа контента (например, в заголовках тем форумов теги обычно не обрабатываются). Проверьте результат через предпросмотр до отправки.
⚠️ Внимание: вложенные спойлеры (спойлер внутри спойлера) поддерживаются не везде. На части форумов и в некоторых редакторах внутренний тег разорвёт разметку внешнего — тестируйте такие конструкции на черновике.
Если спойлер критичен (например, скрывает ключевой сюжетный поворот), продублируйте предупреждение обычным текстом перед блоком — так вы подстрахуетесь на случай, если разметка не сработает у части читателей.
FAQ: частые вопросы о спойлерах
Можно ли сделать спойлер в WhatsApp?
Встроенной функции спойлера в WhatsApp нет. Пользователи имитируют её с помощью длинных отступов или символов-заглушек, но полноценного скрытия текста с раскрытием по нажатию приложение не поддерживает. Следите за обновлениями — набор функций форматирования периодически расширяется.
Работает ли спойлер Telegram в уведомлениях?
Нет. В push-уведомлениях и предпросмотре чата скрытый текст может отображаться частично или как «Спойлер» — поведение зависит от версии приложения и настроек уведомлений. Поэтому особо чувствительную информацию лучше не начинать с первых слов сообщения.
Как убрать спойлер с уже отправленного сообщения?
В Telegram и Discord отредактируйте сообщение: выделите скрытый фрагмент и повторно примените форматирование — спойлер снимется. На форумах откройте редактирование поста и удалите теги вручную. Возможность редактирования может быть ограничена по времени правилами площадки.
Можно ли скрыть под спойлером картинку или видео?
Да, но не везде. Telegram позволяет размыть фото и видео при отправке, Discord — пометить вложение как спойлер. На форумах и в HTML медиафайлы можно поместить внутрь блока спойлера, если движок это поддерживает. В простых текстовых полях без разметки скрыть вложение нельзя.
Почему тег [spoiler] отображается как обычный текст?
Наиболее вероятные причины: BB-коды отключены в настройках вашего профиля или раздела, движок форума использует другой тег (например, hide), либо в конструкции есть опечатка — пробел внутри скобок или незакрытый тег. Проверьте справку по форматированию конкретного форума.
Спойлер создаётся по-разному на каждой площадке: меню форматирования в Telegram, ||черты|| в Discord, BB-теги на форумах и details/summary в HTML. Универсального синтаксиса нет — всегда проверяйте правила конкретной платформы и используйте предпросмотр перед публикацией.