Softonic

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

Шаг 1 / 3

Вставьте фрагмент, текст письма или целую страницу, до 500 000 символов.

Далее: выберите форум

Системы phpBB, vBulletin, Invision Board, а также более ранние версии MyBB по-прежнему не поддерживают использование HTML в публикациях, но допускают BBCode, теги в квадратных скобках [b], [url] и [img], разработанные для платформы Ultimate Bulletin Board в 1998 году. Вставьте HTML-код здесь, и этот конвертер преобразует каждый поддерживаемый тег в соответствующий BBCode-тег, сохраняя форматирование при перепосте на форуме или экспорте в архив.

Как преобразовать HTML в BBCode

  1. 1

    Вставьте HTML

    Фрагмент, запись в блоге или целая страница, скопированные как HTML, до 500 000 символов.

  2. 2

    Выберите форум

    phpBB, XenForo, vBulletin, MyBB, SMF или Steam либо распространённые теги, которые принимает большинство форумов.

  3. 3

    Проверьте результат

    Теги, у которых нет аналога в BBCode, удаляются, а их текст сохраняется. В примечании под результатом перечислено всё, что форум не может показать.

  4. 4

    Скопируйте BBCode

    Вставьте код в редактор форума в режиме обычного текста.

Сопоставление тегов HTML и BBCode

Конвертер читает ваш HTML так же, как браузер, элемент за элементом, и записывает теги, которые понимает выбранный форум. В примечании под результатом перечислено всё, что этот форум не может показать.

Тег за тегом

HTML BBCode
<b>, <strong>, полужирный текст [b]...[/b]
<i>, <em>, курсив [i]...[/i]
<u>, подчёркнутый текст [u]...[/u]
<s>, <del>, зачёркнутый текст [s]...[/s] или [strike]...[/strike] в Steam
<a> с веб-адресом [url=https://example.com]...[/url]
<a> с адресом электронной почты [email]...[/email]
<img> [img]https://example.com/photo.jpg[/img]
<blockquote> [quote]...[/quote]
<pre> [code]...[/code]
<ul>, <ol> и <li> [list], [list=1] и [*]
С <h1> по <h6> полужирный текст с тегом размера или заголовка, если он есть на форуме
Цвет текста [color=#cc0000]...[/color]
Размер текста [size=...]...[/size], в собственной шкале форума
Текст по центру или по правому краю [center]...[/center] или [align=center]...[/align]
<table> [table], [tr], [th] и [td], если они есть на форуме, иначе по одной строке текста на каждую строку таблицы
<iframe> с YouTube тег видео форума или ссылка
<p>, <div>, <br> пустая строка или перенос строки

Чем отличаются форумы

  • phpBB: размеры задаются в процентах, например [size=150], максимум [size=200]. Нумерованные списки могут быть [list=1], [list=a] или [list=i]. Тегов для зачёркивания, выравнивания и таблиц нет.
  • XenForo: теги в верхнем регистре, от [HEADING=1] до [HEADING=3], от [SIZE=1] до [SIZE=7], [ICODE] для кода внутри предложения, [TABLE] и [MEDIA=youtube].
  • vBulletin: [center], [left] и [right] для выравнивания и размеры от [size=1] до [size=7]. Тегов для зачёркивания и таблиц нет.
  • MyBB: [align=center], размеры от [size=xx-small] до [size=xx-large], [hr] и [video=youtube].
  • SMF: размеры в em, например [size=1.5em], [list type=decimal] с пунктами [li], [table], [sub], [sup], [hr] и [youtube].
  • Steam: от [h1] до [h3], [olist] для нумерованных списков, [strike] и [table]. В Steam нет тегов для изображений, цвета, размера и электронной почты, поэтому изображения превращаются в ссылки, а адреса почты выводятся как есть.
  • Большинство форумов (распространённые теги): полужирный, курсив, подчёркивание, цвет, ссылки, почта, изображения, цитаты, код и списки, которые принимает почти любой форум.

Что не переносится

  • Скрипты, стили, поля форм, скрытые элементы, комментарии, графика SVG и формулы MathML.
  • Шрифты, фон и отступы.
  • Почти чёрные и почти белые цвета текста, чтобы сообщение подстраивалось под светлую или тёмную тему форума.
  • Размеры в пикселях или пунктах, чтобы действовал обычный размер текста форума.
  • Изображения, встроенные в сам HTML (адрес data:image). Сначала загрузите их на хостинг изображений.
  • Относительные адреса вроде images/photo.jpg сохраняются, но отмечаются в примечании: замените их полными адресами вроде https://example.com/images/photo.jpg.

Советы

  • Выбирайте форум, на котором будете публиковать: его собственные теги дают самый точный результат.
  • Проверьте короткий фрагмент в предпросмотре форума, прежде чем публиковать длинный текст.
  • Если в редакторе форума есть режим BBCode или исходного кода, переключитесь на него перед вставкой.

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

Словарь BBCode совсем мал по сравнению с HTML. У тегов вроде <div>, <section> или <details> нет аналога в BBCode. Конвертер удаляет их и сохраняет их текст. Всё, что выбранный форум не может показать, например таблица в phpBB или изображение в Steam, перечислено в примечании под результатом.

Частично. Полужирный, курсив, подчёркивание, зачёркивание, цвет и размер текста и выравнивание, заданные встроенными стилями, преобразуются, если на выбранном форуме есть для них тег. Шрифты, фон и отступы отбрасываются, а текст сохраняется. Почти чёрные и почти белые цвета текста не переносятся, чтобы сообщение подстраивалось под тему форума, а размеры в пикселях или пунктах не переносятся, чтобы действовал обычный размер форума.

Да. <b><i>text</i></b> превращается в [b][i]text[/i][/b], а изображение внутри ссылки превращается в [url=https://example.com][img]https://example.com/photo.jpg[/img][/url]. Полужирный текст внутри полужирного записывается одним тегом [b], потому что некоторые форумы неправильно сопоставляют повторяющиеся теги.

В этом инструменте нет. Для обратного преобразования воспользуйтесь конвертером BBCode в HTML. Преобразование туда и обратно идёт с потерями, поскольку в HTML тегов значительно больше, чем в BBCode.

Тот, на котором вы будете публиковать: phpBB, XenForo, vBulletin, MyBB, SMF (Simple Machines Forum) или Steam. Каждый принимает немного другой набор тегов, например [s] или [strike] для зачёркивания и [size=150] или [SIZE=5] для размера. Если вашего форума нет в списке, выберите «Большинство форумов (распространённые теги)»: в этом варианте используются только теги, которые принимает почти любой форум. Сменить форум можно прямо на странице результата, не вставляя HTML заново.

Нет. Вставленный HTML остаётся в вашем браузере. Он преобразуется там, не отправляется на наши серверы и не добавляется в ссылку на страницу. Чтобы можно было переходить между шагами, эта вкладка браузера хранит его, пока вы не закроете вкладку или не нажмёте «Начать сначала».

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

Смешивание цветов

Смешайте два HEX-цвета в 2-20 равномерных образцов. Каждый промежуточный цвет показывается как HEX-код в верхнем регистре, включая оба края.

Генератор вымышленных телефонных номеров

Создавайте до 50 вымышленных номеров из официально зарезервированных диапазонов пяти стран.

Генератор конфигурации webpack

Создайте webpack.config.js для webpack 5 под чистый JavaScript, React или Vue: TypeScript, Babel, CSS или Sass, изображения, HtmlWebpackPlugin, dev-сервер и команда npm install.

Генератор бейджей README

Создавайте бейджи shields.io для файлов README на GitHub: статус сборки, версия, лицензия, число загрузок и покрытие кода. Просмотрите и скопируйте фрагмент Markdown.

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

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

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

Создавайте 1–20 похожих на адрес записей для макетов и тестов в трёх упрощённых форматах.

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