Просмотрщик BBCode

Как пользоваться просмотрщиком BBCode

1. 1

   Введите BBCode

   Наберите или вставьте разметку BBCode в редактор слева, например [b]Жирный текст[/b], либо откройте локальный файл .txt.

2. 2

   Следите за живым предпросмотром

   Панель справа обновляется в реальном времени и показывает, как именно ваш текст будет выглядеть в сообщении на форуме. Кнопка с колбой загружает пример со всеми основными тегами.

3. 3

   Вставляйте теги с панели

   Выделите текст и нажмите кнопку на панели или сочетание клавиш (Ctrl+B, Ctrl+K, Ctrl+Shift+8 для списка). Для ссылки и картинки откроется поле адреса — вставьте URL и сверьтесь с предпросмотром.

4. 4

   Скопируйте BBCode или HTML

   Скопируйте BBCode в сообщение, переключите предпросмотр на HTML, чтобы скопировать или скачать код, либо сохраните текст в .txt.

Источники

• Wikipedia — BBCode

  Обзор BBCode: история языка разметки, распространённые теги и принцип их обработки на форумных движках.

• Википедия — BBCode

  Русскоязычная статья о BBCode: откуда взялся язык, почему форумы предпочли квадратные скобки вместо HTML и как пишутся основные теги.

• phpBB — руководство по BBCode

  Официальная документация phpBB со списком стандартных тегов BBCode: жирный, курсив, ссылки, изображения, цитаты и блоки кода.

• Сообщество Steam — справка по форматированию текста

  Официальная страница Steam со списком тегов BBCode для обзоров, комментариев и обсуждений, включая [spoiler], [noparse], [olist] и параметры таблиц.

• Документация Godot — BBCode в RichTextLabel

  Описание диалекта BBCode в движке Godot с анимационными тегами [wave], [shake] и [pulse], которых нет на форумах.

Похожие инструменты

Часто задаваемые вопросы

Что такое BBCode?

BBCode (Bulletin Board Code) — это лёгкий язык разметки для форумов и досок объявлений, позволяющий оформлять сообщения. Теги пишутся в квадратных скобках, например [b]жирный[/b] или [url]ссылка[/url], и при показе преобразуются в безопасный HTML.

Чем редактор BBCode отличается от обычного просмотрщика?

Редактор даёт вам поле для набора и правки разметки, а просмотрщик рядом сразу отображает результат. Здесь обе функции объединены: вы пишете BBCode слева и тут же видите готовое оформление справа, без переключений между вкладками.

Какие теги BBCode поддерживает этот инструмент?

Всего 34 тега, среди них [b], [i], [u], [color], [size], [url], [img], [quote], [code], [list], [table], а также [strike], [spoiler], [noparse] и [olist]. Понимает и запись Steam, например [table noborder=1]. [youtube], [font] и [align] остаются обычным текстом.

Как задать цвет и размер текста в BBCode?

Цвет задаётся названием — [color=red]текст[/color] — или HEX-кодом: [color=#ff6600]текст[/color] (короткая запись #f60 тоже работает). Размер — [size=20]текст[/size], число означает пиксели и действует в диапазоне от 1 до 200. Если цвет или число не распознаны, тег пропускается и остаётся только текст, поэтому опечатку видно сразу в предпросмотре.

Как вставить картинку и ссылку через BBCode?

Картинка: [img]https://example.com/a.png[/img], а чтобы задать размер — [img width=300 height=200]адрес[/img]. Ссылка: [url]https://example.com[/url] или [url=https://example.com]текст ссылки[/url]. Если указать только домен, например [url=example.com], будет подставлен https://. Адреса не по протоколам http и https ссылкой не становятся и выводятся как обычный текст.

Как сделать таблицу в BBCode?

Оберните таблицу в [table], каждую строку — в [tr], ячейки заголовка — в [th], обычные ячейки — в [td]. Объединение ячеек: [td colspan=2] или [td rowspan=2]. Кнопка таблицы на панели вставляет заготовку 2×2. Отображаются и параметры Steam: [table noborder=1] без рамок и [table equalcells=1] с колонками одинаковой ширины.

Показывает ли редактор предпросмотр в реальном времени?

Да. По мере того как вы набираете или вставляете BBCode, панель предпросмотра обновляется мгновенно, и вы видите, как именно будет выглядеть текст до отправки сообщения.

Конвертирует ли инструмент BBCode в HTML?

Да. Переключите панель предпросмотра на «HTML», чтобы скопировать код или скачать файл .html. Ссылки допускаются только http/https, а скрипты и атрибуты on* удаляются.

Отправляется ли мой BBCode на сервер?

Нет. Вся обработка и отображение происходят целиком в вашем браузере, поэтому текст не покидает устройство и ничего не загружается на сервер.

Подходит ли инструмент для обзоров и обсуждений в Steam?

Да. Все теги со страницы справки Steam по форматированию отображаются: [spoiler] скрывает текст, пока на него не навести курсор или не нажать, [noparse] показывает теги как есть, [olist] создаёт нумерованный список, работают и [quote=автор], и [table noborder=1]. Проверьте оформление здесь, прежде чем публиковать.

Чем BBCode в Godot отличается от форумного?

RichTextLabel в Godot заимствует синтаксис квадратных скобок, но добавляет собственные теги: анимационные [wave], [shake], [pulse] и шрифтовые вроде [font_size]. На форумах их нет. Здесь отображается форумный BBCode, поэтому теги Godot не срабатывают и остаются текстом.

Почему тег не сработал и виден как текст?

Чаще всего тег просто не поддерживается — так остаются видимыми [font], [youtube] и [align]. Другие причины: адрес начинается не с http или https; тег стоит внутри [code] или [noparse], которые по задумке выводят содержимое без разбора; вложенность глубже 256 уровней тоже сохраняется как текст.