BB-коды

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

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

  • [COLOR=color], [FONT=name], [SIZE=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=link], [EMAIL=address] — ссылки (расширенный вариант)

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

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

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

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

    Показывает изображение, адрес (URL) которого указан внутри тега.
    Пример:
    [IMG]/assets/icon-512.png[/IMG]
    Результат:
    /assets/icon-512.png

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

    Встраивает в сообщение медиа с разрешённых сайтов. Рекомендуем пользоваться кнопкой «Медиа» на панели инструментов редактора.
    Разрешённые сайты: 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=A person]Чьи-то слова[/QUOTE]
    Результат:
    Цитируемый текст
    Нажмите, чтобы развернуть…
    A person пишет:
    Чьи-то слова
    Нажмите, чтобы развернуть…

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

    Скрывает текст, который может содержать спойлеры. Чтобы увидеть его, читателю нужно на него нажать.
    Пример:
    [SPOILER]Простой спойлер[/SPOILER]
    [SPOILER=Spoiler Title]Спойлер с заголовком[/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]
    Результат:
    Обычный код:
    Код: 
    Обычный
код

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

    Код 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=level] — заголовки уровней 1–3

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

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

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

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

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

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

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

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

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

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

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

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

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