Конвертер BBCode в HTML

BBCode был легкой разметкой эпохи форумов, [b]bold[/b], [url], [quote], [code]. Его использовали phpBB, vBulletin, XenForo и SMF, а миллионы сообщений на этих платформах существуют до сих пор. Этот конвертер разбирает BBCode и выдает чистый, валидный HTML, который можно вставить в современную CMS, статический сайт или конвейер Markdown-to-HTML, не понимающий форумные теги.

Как конвертировать BBCode

  1. 1

    Вставьте свой BBCode

    Сообщения целиком или фрагменты. Вложенные теги обрабатываются.

  2. 2

    Парсер разбивает на токены открывающие и закрывающие теги

    Соответствующие пары `[tag]...[/tag]` создают нужный HTML-элемент.

  3. 3

    Атрибуты тегов сопоставляются

    Конструкции вроде `[color=red]`, `[size=18]` или `[url=https://...]` становятся встроенными стилями или атрибутами `href`.

  4. 4

    Скопируйте HTML

    Готово для записи в блоге, страницы документации или миграции форума.

Поддерживаемые теги

BBCode Результат в HTML
[b]text[/b] <strong>text</strong>
[i]text[/i] <em>text</em>
[u]text[/u] <u>text</u>
[s]text[/s] <del>text</del>
[url]link[/url] <a href="link">link</a>
[url=link]text[/url] <a href="link">text</a>
[img]link[/img] <img src="link">
[quote]q[/quote] <blockquote>q</blockquote>
[code]c[/code] <pre><code>c</code></pre>
[list][*]a[*]b[/list] <ul><li>a</li><li>b</li></ul>
[color=red]t[/color] <span style="color:red">t</span>
[size=18]t[/size] <span style="font-size:18px">t</span>

Заметки по безопасности

BBCode безопасен по замыслу; HTML, нет. Преобразование пользовательского BBCode в HTML, классический момент, когда форум в 2005 году заносил себе XSS. Если вы публикуете преобразованный результат:

  • Экранируйте любой сырой текст внутри тегов BBCode.
  • Разрешайте по белому списку только те теги, которые выдает ваш конвертер, не пропускайте неизвестные теги как сырой HTML.
  • Проверяйте URL в [url] и [img], чтобы блокировать схемы javascript: и data:.

Этот инструмент не переписывает URL-адреса, которые вы указываете, поэтому проверяйте их перед публикацией преобразованного результата.

Миграция целого форума

Для переноса тысяч сообщений запускайте конвертер как конвейер: экспортируйте сообщения как BBCode → прогоните через этот конвертер → импортируйте HTML. Выборочно проверьте несколько десятков сообщений с необычной вложенностью или нестандартными кодами смайлов, которых может не быть в стандартном наборе тегов.

Что BBCode плохо переносится в HTML

  • Пользовательские смайлы форумов (:D и :)), оставьте как есть и отображайте через CSS, либо предварительно обработайте отдельно.
  • Теги конкретных плагинов (например, [spoiler], [youtube]) не распознаются, поэтому выводятся как обычный текст.
  • Незакрытые теги остаются как обычный текст: парсер не пытается их закрывать или чинить.

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

Да: сообщения в сообществе Steam, форумы на vBulletin и XenForo, некоторые вики и множество старых установок phpBB. Он также живет как базовая разметка в ряде панелей управления игровыми серверами.

Не этот инструмент, используйте конвертер HTML в BBCode. Обратное преобразование теряет больше данных, потому что HTML гораздо выразительнее BBCode.

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

Вложенность работает, когда теги разные, например [b] внутри [quote]. Тег, вложенный в себя самого (цитата внутри цитаты), закрывается на первом закрывающем теге, а остаток остаётся текстом; такие сообщения лучше расплющить перед преобразованием.

Сопутствующие инструменты

Справочная таблица ASCII

Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.

Справочник сочетаний клавиш

Ищите документированные сочетания по умолчанию для VS Code, Chrome и Bash с GNU Readline в macOS, Windows и Linux.

Справочник символов HTML

Справочник HTML-сущностей с поиском, их именованными и числовыми кодами, а также копированием специальных символов и знаков одним кликом.

Счетчик FPS

Измерьте FPS браузера через requestAnimationFrame: сглаживание, минимальная и максимальная частота кадров, порог предупреждения и график по желанию. Работает локально, без загрузок и API.

Генератор случайных букв

Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.

Генератор цветовой палитры

Создавайте монохромные, аналоговые, комплементарные, триадные или тетрадные палитры из базового HEX-цвета и экспортируйте готовые CSS-переменные.

Инструмент доступен на других языках