Конвертер BBCode в HTML
BBCode был легкой разметкой эпохи форумов, [b]bold[/b], [url], [quote], [code]. Его использовали phpBB, vBulletin, XenForo и SMF, а миллионы сообщений на этих платформах существуют до сих пор. Этот конвертер разбирает BBCode и выдает чистый, валидный HTML, который можно вставить в современную CMS, статический сайт или конвейер Markdown-to-HTML, не понимающий форумные теги.
Как конвертировать BBCode
-
1
Вставьте свой BBCode
Сообщения целиком или фрагменты. Вложенные теги обрабатываются.
-
2
Парсер разбивает на токены открывающие и закрывающие теги
Соответствующие пары `[tag]...[/tag]` создают нужный HTML-элемент.
-
3
Атрибуты тегов сопоставляются
Конструкции вроде `[color=red]`, `[size=18]` или `[url=https://...]` становятся встроенными стилями или атрибутами `href`.
-
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-переменные.
Инструмент доступен на других языках
- BBCode zu HTML Konverter [DE]
- BBCode HTML Dönüştürücü [TR]
- محول BBCode إلى HTML [AR]
- BBCode to HTML Converter [EN]
- Conversor de BBCode para HTML [PT]
- BBCode 转 HTML 转换器 [ZH]
- BBCodeからHTMLへのコンバーター [JA]
- Konwerter BBCode na HTML [PL]
- BBCode naar HTML-converter [NL]
- Convertidor de BBCode a HTML [ES]
- BBCode → HTML 변환기 [KO]
- Bộ chuyển đổi BBCode sang HTML [VI]
- BBCode till HTML-konverterare [SV]
- Konverter BBCode ke HTML [ID]
- ตัวแปลง BBCode เป็น HTML [TH]
- Convertisseur BBCode en HTML [FR]
- Convertitore BBCode in HTML [IT]