Softonic

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

Шаг 1 / 2
Далее

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> or <ins>
[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>
[list=1][*]a[/list] <ol><li>a</li></ol>
[color=red]t[/color] <span style="color:red">t</span>
[size=18]t[/size] <span style="font-size:18px">t</span>
[table]...[/table] <table>...</table>

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

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.

По умолчанию неизвестные теги проходят как обычный текст. Строгий режим («strict») удаляет их полностью, если вам нужен гарантированно чистый результат.

Да. [quote], [list] и [code] могут вкладываться на произвольную глубину. Парсер отслеживает стек тегов и закрывает их корректно.

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

Генератор случайных цветовых палитр

Создавайте случайные палитры из 2–15 цветов, выбирайте яркий, пастельный, приглушенный или темный стиль и копируйте HEX-коды или CSS-переменные.

Выбор цвета HEX

Выберите цвет визуально и получите значения HEX, RGB, HSL, HSV и CMYK, а также контраст на белом и чёрном фоне.

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

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

Форматировщик JSON

Вставьте JSON, чтобы оформить его с отступом 2 или 4 пробела, минифицировать до компактного вывода или быстро проверить синтаксис перед копированием результата.

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

Создавайте от 1 до 50 случайных HEX-цветов с образцами для просмотра, копирования и использования в CSS, тестах или подборе палитр.

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

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