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=адрес] - ссылки (дополнительно)

    Делает выделенный текст ссылкой на интернет-страницу или на email.
    Пример:
    [URL=http://www.example.com]Перейти на example.com[/URL]
    [EMAIL=example@example.com]Моя электронная почта[/EMAIL]
    Результат:
    Перейти на example.com
    Моя электронная почта

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

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

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

    Показывает изображение, используя выделенный текст как URL-адрес.
    Пример:
    [IMG]https://cpa.quest/styles/uix_dark/images/uix-logo.png[/IMG]
    Результат:
    uix-logo.png

  • [MEDIA=сайт] - вставка медиа

    Вставляет в сообщение медиа с разрешённых сайтов. Рекомендуется использовать кнопку добавления медиа в панели инструментов редактора.
    Поддерживаемые сайты: Apple Music, Dailymotion, Facebook, Flickr, Giphy, Imgur, Liveleak, Metacafe, Pinterest, Reddit, SoundCloud, Spotify, TikTok, Tumblr, Twitch, Twitter, 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]word[/ISPOILER], чтобы увидеть его.
    Результат:
    Необходимо нажать на следующее слово word, чтобы увидеть его.

  • [CODE] - вставка программного кода

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

    Код с оформлением (BB-коды):
    [CODE=rich]Код с поддержкой [COLOR=red]форматирования[/COLOR][/CODE]

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

    JS-код:
    [CODE=js]var hello = 'world';[/CODE]
    Результат:
    Универсальный код:
    Код: 
    Универсальный код

    Код с оформлением (BB-коды):
    Код с оформлением (BB-коды): 
    Код с поддержкой форматирования

    PHP-код:
    PHP: 
    echo $hello . ' world';

    JS-код:
    Код: 
    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]
    Результат:
    Содержимое вложений появится здесь.
Верх Низ