BB-коды

  • [B], [I], [U], [S] — Жирный, курсив, подчёркнутый и зачёркнутый

    Делает текст внутри тега жирным, курсивным, подчёркнутым или зачёркнутым.
    Пример:
    Это [B]жирный[/B] текст.
    Это [I]курсивный[/I] текст.
    Это [U]подчёркнутый[/U] текст.
    Это [S]зачёркнутый[/S] текст.
    Вывод:
    Это жирный текст.
    Это курсивный текст.
    Это подчёркнутый текст.
    Это зачёркнутый текст.

  • [COLOR=цвет], [FONT=название], [SIZE=размер] — Цвет, шрифт и размер текста

    Изменяет цвет, шрифт или размер текста внутри тега.
    Пример:
    Это [COLOR=red]красный[/COLOR] и [COLOR=#0000cc]синий[/COLOR] текст.
    Это текст шрифтом [FONT=Courier New]Courier New[/FONT].
    Это [SIZE=1]мелкий[/SIZE] и [SIZE=7]крупный[/SIZE] текст.
    Вывод:
    Это красный и синий текст.
    Это текст шрифтом Courier New.
    Это мелкий и крупный текст.

  • [URL], [EMAIL] — Ссылки

    Создаёт ссылку, используя обёрнутый текст в качестве адреса.
    Пример:
    [URL]https://www.example.com[/URL]
    [EMAIL]example@example.com[/EMAIL]
    Вывод:
    https://www.example.com
    example@example.com

  • [URL=ссылка], [EMAIL=адрес] — Ссылки (расширенный вариант)

    Превращает обёрнутый текст в ссылку на указанную веб-страницу или адрес эл. почты.
    Пример:
    [URL=https://www.example.com]Перейти на example.com[/URL]
    [EMAIL=example@example.com]Напишите мне[/EMAIL]
    Вывод:
    Перейти на example.com
    Напишите мне

  • [USER=ID] — Ссылка на профиль

    Ссылка на профиль пользователя. Обычно вставляется автоматически при упоминании пользователя.
    Пример:
    [USER=1]Имя пользователя[/USER]
    Вывод:
    Имя пользователя

  • [IMG] — Изображение

    Отображает изображение, используя текст внутри тега как URL.
    Пример:
    [IMG]/data/styles/6/styles/soil/soil-logo.svg[/IMG]
    Вывод:
    /data/styles/6/styles/soil/soil-logo.svg

  • [MEDIA=сайт] — Встроенное медиа

    Встраивает в сообщение медиа с разрешённых сайтов. Рекомендуется использовать кнопку «Медиа» на панели инструментов редактора.
    Разрешённые сайты: Apple Music, Bluesky, Dailymotion, Facebook, Flickr, Giphy, Imgur, Instagram, Pinterest, Reddit, SoundCloud, Spotify, TikTok, Tumblr, Twitch, X, Vimeo, YouTube
    Пример:
    [MEDIA=youtube]kQ0Eo1UccEE[/MEDIA]
    Вывод:
    Здесь появится встроенный плеер YouTube.

  • [LIST] — Списки

    Отображает маркированный или нумерованный список.
    Пример:
    [LIST]
    [*]Пункт 1
    [*]Пункт 2
    [/LIST]
    [LIST=1]
    [*]Элемент 1
    [*]Элемент 2
    [/LIST]
    Вывод:
    • Пункт 1
    • Пункт 2
    1. Элемент 1
    2. Элемент 2

  • [LEFT], [CENTER], [RIGHT] — Выравнивание текста

    Изменяет выравнивание текста внутри тега.
    Пример:
    [LEFT]По левому краю[/LEFT]
    [CENTER]По центру[/CENTER]
    [RIGHT]По правому краю[/RIGHT]
    Вывод:
    По левому краю​
    По центру​
    По правому краю​

  • [QUOTE] — Цитата

    Отображает текст, процитированный из другого источника. Можно также указать имя источника.
    Пример:
    [QUOTE]Цитируемый текст[/QUOTE]
    [QUOTE=Кто-то]Что-то, что он сказал[/QUOTE]
    Вывод:
    Цитируемый текст
    Нажмите, чтобы развернуть...
    Кто-то сказал(а):
    Что-то, что он сказал
    Нажмите, чтобы развернуть...

  • [SPOILER] — Текст со спойлером

    Скрывает текст, который может содержать спойлеры. Чтобы его увидеть, на него нужно нажать.
    Пример:
    [SPOILER]Простой спойлер[/SPOILER]
    [SPOILER=Заголовок спойлера]Спойлер с заголовком[/SPOILER]
    Вывод:
    Простой спойлер
    Спойлер с заголовком

  • [ISPOILER] — Встроенный текст со спойлером

    Позволяет вставить в строку обычного текста скрытый фрагмент, который может содержать спойлеры. Чтобы его увидеть, на него нужно нажать.
    Пример:
    Нажмите на следующее [ISPOILER]слово[/ISPOILER], чтобы увидеть содержимое.
    Вывод:
    Нажмите на следующее слово, чтобы увидеть содержимое.

  • [CODE] — Отображение программного кода

    Отображает код на одном из языков программирования с подсветкой синтаксиса, где это возможно.
    Пример:
    Обычный код:
    [CODE]Обычный
    код[/CODE]

    Форматированный код:
    [CODE=rich][COLOR=red]Форматированный[/COLOR]
    код[/CODE]

    Код PHP:
    [CODE=php]echo $hello . ' world';[/CODE]

    Код JS:
    [CODE=javascript]var hello = 'world';[/CODE]
    Вывод:
    Обычный код:
    Код: 
    Обычный
код

    Форматированный код:
    Форматированный (BB-код): 
    Форматированный
код

    Код PHP:
    PHP: 
    echo $hello . ' world';

    Код JS:
    JavaScript: 
    var hello = 'world';

  • [ICODE] — Встроенный программный код

    Позволяет вставить код прямо в строку обычного текста сообщения. Синтаксис не подсвечивается.
    Пример:
    Встроенные фрагменты кода [ICODE]— удобный способ[/ICODE] показать код прямо в строке.

    Форматирование во встроенном коде [ICODE=rich][COLOR=red]также[/COLOR] [U]поддерживается[/U][/ICODE].
    Вывод:
    Встроенные фрагменты кода — удобный способ показать код прямо в строке.

    Форматирование во встроенном коде также поддерживается.

  • [INDENT] — Отступ текста

    Добавляет отступ к тексту внутри тега. Для большего отступа теги можно вкладывать.
    Пример:
    Обычный текст
    [INDENT]Текст с отступом[/INDENT]
    [INDENT=2]Больший отступ[/INDENT]
    Вывод:
    Обычный текст
    Текст с отступом​
    Больший отступ​

  • [TABLE] — Таблицы

    Специальная разметка для отображения таблиц в вашем контенте.
    Пример:
    [TABLE]
    [TR]
    [TH]Заголовок 1[/TH]
    [TH]Заголовок 2[/TH]
    [/TR]
    [TR]
    [TD]Содержимое 1[/TD]
    [TD]Содержимое 2[/TD]
    [/TR]
    [/TABLE]
    Вывод:
    Заголовок 1Заголовок 2
    Содержимое 1Содержимое 2

  • [HEADING=уровень] — Заголовки уровней 1–3

    Отмечает текст как структурный заголовок, чтобы его было проще распознавать программно.
    Пример:
    [HEADING=1]Основной заголовок[/HEADING]
    Этот текст идёт под основным заголовком, который разделяет главные части статьи.

    [HEADING=2]Второстепенный заголовок[/HEADING]
    Если главные части статьи нужно разбить подробнее, используйте второстепенный заголовок 2-го уровня.

    [HEADING=3]Подзаголовок[/HEADING]
    Если нужно ещё более мелкое деление, используйте 3-й уровень.
    Вывод:

    Основной заголовок​

    Этот текст идёт под основным заголовком, который разделяет главные части статьи.

    Второстепенный заголовок​

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

    Подзаголовок​

    Если нужно ещё более мелкое деление, используйте 3-й уровень.

  • [PLAIN] — Простой текст

    Отключает обработку BB-кодов в тексте внутри тега.
    Пример:
    [PLAIN]Это не [B]жирный[/B] текст.[/PLAIN]
    Вывод:
    Это не [B]жирный[/B] текст.

  • [ATTACH] — Вставка вложения

    Вставляет вложение в указанное место. Если вложение — изображение, будет вставлена миниатюра или полноразмерная версия. Обычно вставляется нажатием соответствующей кнопки.
    Пример:
    Миниатюра: [ATTACH]123[/ATTACH]
    Полный размер: [ATTACH=full]123[/ATTACH]
    Вывод:
    Здесь будет отображаться содержимое вложений.
Назад
Наверх