Conversor de HTML para BBCode

Cole um trecho, o corpo de um e-mail ou uma página inteira, com até 500.000 caracteres.

Próximo: escolha seu fórum

phpBB, vBulletin, Invision Board e versões mais antigas do MyBB ainda não permitem HTML em postagens, mas aceitam BBCode, as tags entre colchetes [b], [url], [img] inventadas para o Ultimate Bulletin Board em 1998. Cole HTML aqui e este conversor reescreve cada tag suportada em equivalentes BBCode, mantendo a formatação intacta para um repost em fórum ou exportação de arquivo.

Como converter HTML para BBCode

  1. 1

    Cole HTML

    Um trecho, um post de blog ou uma página inteira copiados como HTML, com até 500.000 caracteres.

  2. 2

    Escolha seu fórum

    phpBB, XenForo, vBulletin, MyBB, SMF ou Steam, ou as tags comuns que a maioria dos fóruns aceita.

  3. 3

    Revise o resultado

    As tags sem equivalente em BBCode são removidas e o texto delas é mantido. Uma nota abaixo do resultado lista tudo o que o fórum não consegue exibir.

  4. 4

    Copie o BBCode

    Cole no editor do fórum em modo de texto simples.

Mapeamento de tags de HTML para BBCode

O conversor lê o seu HTML como um navegador, elemento por elemento, e escreve as tags que o fórum escolhido entende. Uma nota abaixo do resultado lista tudo o que esse fórum não consegue exibir.

Tag por tag

HTML BBCode
<b>, <strong>, texto em negrito [b]...[/b]
<i>, <em>, texto em itálico [i]...[/i]
<u>, texto sublinhado [u]...[/u]
<s>, <del>, texto tachado [s]...[/s], ou [strike]...[/strike] no Steam
<a> com um endereço web [url=https://example.com]...[/url]
<a> com um endereço de e-mail [email]...[/email]
<img> [img]https://example.com/photo.jpg[/img]
<blockquote> [quote]...[/quote]
<pre> [code]...[/code]
<ul>, <ol> e <li> [list], [list=1] e [*]
<h1> a <h6> texto em negrito, com a tag de tamanho ou de título do fórum, quando ele tiver uma
Cor do texto [color=#cc0000]...[/color]
Tamanho do texto [size=...]...[/size], na escala do próprio fórum
Texto centralizado ou alinhado à direita [center]...[/center] ou [align=center]...[/align]
<table> [table], [tr], [th] e [td] quando o fórum tem essas tags; caso contrário, uma linha de texto por linha da tabela
<iframe> do YouTube a tag de vídeo do fórum ou um link
<p>, <div>, <br> uma linha em branco ou uma quebra de linha

Como os fóruns diferem

  • phpBB: os tamanhos são porcentagens, como [size=150], até [size=200]. As listas numeradas podem ser [list=1], [list=a] ou [list=i]. Não há tags de tachado, alinhamento ou tabela.
  • XenForo: tags em maiúsculas, de [HEADING=1] a [HEADING=3], de [SIZE=1] a [SIZE=7], [ICODE] para código no meio de uma frase, [TABLE] e [MEDIA=youtube].
  • vBulletin: [center], [left] e [right] para o alinhamento, e tamanhos de [size=1] a [size=7]. Não há tags de tachado nem de tabela.
  • MyBB: [align=center], tamanhos de [size=xx-small] a [size=xx-large], [hr] e [video=youtube].
  • SMF: tamanhos em em, como [size=1.5em], [list type=decimal] com itens [li], [table], [sub], [sup], [hr] e [youtube].
  • Steam: de [h1] a [h3], [olist] para listas numeradas, [strike] e [table]. O Steam não tem tags de imagem, cor, tamanho nem e-mail, então as imagens viram links e os endereços de e-mail aparecem por extenso.
  • A maioria dos fóruns (tags comuns): negrito, itálico, sublinhado, cor, links, e-mail, imagens, citações, código e listas, que quase todo fórum aceita.

O que fica de fora

  • Scripts, estilos, campos de formulário, elementos ocultos, comentários, gráficos SVG e fórmulas MathML.
  • Fontes, fundos e espaçamentos.
  • Cores de texto quase pretas e quase brancas, para que o seu post siga o tema claro ou escuro do fórum.
  • Tamanhos em pixels ou pontos, para que valha o tamanho de texto normal do fórum.
  • Imagens guardadas dentro do próprio HTML (um endereço data:image). Envie-as antes para um serviço de hospedagem de imagens.
  • Endereços relativos como images/photo.jpg são mantidos, mas sinalizados em uma nota: troque-os por endereços completos como https://example.com/images/photo.jpg.

Boas práticas

  • Escolha o fórum em que você vai postar: as tags dele dão o resultado mais fiel.
  • Teste um trecho curto na pré-visualização do fórum antes de postar um texto longo.
  • Se o editor do fórum tiver um modo BBCode ou de código-fonte, ative-o antes de colar.

Perguntas frequentes

O BBCode tem um vocabulário minúsculo comparado ao HTML. Tags como <div>, <section> ou <details> não têm equivalente em BBCode. O conversor as remove e mantém o texto delas. Tudo o que o fórum escolhido não consegue exibir, como uma tabela no phpBB ou uma imagem no Steam, aparece em uma nota abaixo do resultado.

Em parte. Negrito, itálico, sublinhado, tachado, cor e tamanho do texto e alinhamento definidos com estilos inline são convertidos quando o fórum escolhido tem uma tag para isso. Fontes, fundos e espaçamentos são descartados e o texto é mantido. Cores de texto quase pretas e quase brancas ficam de fora para que o seu post siga o tema do fórum, e tamanhos em pixels ou pontos ficam de fora para que valha o tamanho normal do fórum.

Sim. <b><i>text</i></b> vira [b][i]text[/i][/b], e uma imagem dentro de um link vira [url=https://example.com][img]https://example.com/photo.jpg[/img][/url]. Texto em negrito dentro de outro texto em negrito é escrito com uma única tag [b], porque alguns fóruns emparelham errado as tags repetidas.

Não nesta ferramenta: para a direção inversa, use o conversor de BBCode para HTML. A conversão de ida e volta perde informações, pois o HTML tem muito mais tags do que o BBCode.

Aquele em que você vai postar: phpBB, XenForo, vBulletin, MyBB, SMF (Simple Machines Forum) ou Steam. Cada um aceita um conjunto de tags um pouco diferente, por exemplo [s] ou [strike] para tachado e [size=150] ou [SIZE=5] para tamanho. Se o seu fórum não estiver na lista, escolha “A maioria dos fóruns (tags comuns)”: essa opção só usa tags que quase todo fórum aceita. Você pode trocar de fórum no resultado sem colar de novo.

Não. O HTML que você cola fica no seu navegador. Ele é convertido ali e não é enviado aos nossos servidores nem adicionado ao link da página. Para passar de uma etapa para outra, esta aba do navegador guarda o HTML até você fechar a aba ou clicar em “Recomeçar”.

Ferramentas relacionadas

Ferramenta disponível em outros idiomas