Convertir BBCode a HTML y HTML a BBCode

Cómo funciona

BBCode es el marcado con corchetes que usan programas de foro como phpBB, vBulletin, MyBB y SMF. Si va a pasar mensajes de un foro antiguo a un sitio web o blog, elija BBCode → HTML y pegue el mensaje en el panel izquierdo: [b]Aviso[/b] pasa a <strong>Aviso</strong>, [url=https://example.com]reglas[/url] se vuelve un enlace que funciona y [quote=Mariana] un recuadro de cita. Los saltos de línea se conservan como <br>. Para lo contrario, publicar en un foro el texto con formato de una página web, elija HTML → BBCode. Una etiqueta sin cerrar ([i] sin [/i]) o una etiqueta propia de un foro que la herramienta no conoce queda como texto; la línea de resultado indica cuántas etiquetas se convirtieron y cuántas quedaron como texto.

Esta herramienta también se busca como convertir bbcode a html, bbcode a html, html a bbcode, bbcode to html, html to bbcode.

¿Qué es BBCode?

BBCode (Bulletin Board Code) es un sustituto simplificado y más seguro del HTML que los programas de foro ofrecen a sus usuarios. Las etiquetas se escriben entre corchetes y el foro las convierte en HTML al mostrar el mensaje. Como los usuarios no pueden escribir HTML, tampoco pueden meter scripts en la página. Las etiquetas básicas son iguales en todas partes.

¿Qué es Escape de HTML?

Escapar HTML es reemplazar caracteres como < > & " ' por formas que el navegador no lee como etiquetas (&lt; &gt; &amp;). Aunque el texto contenga <script>, el navegador lo muestra letra por letra en vez de ejecutarlo. Al generar HTML desde BBCode se escapa cada trozo de texto simple; solo las etiquetas que escribe la propia herramienta se vuelven HTML real.

¿Cuál es la diferencia entre BBCode y HTML?

HTML es el lenguaje de las páginas web; el navegador lo lee directamente y puede contener scripts. BBCode es un lenguaje limitado pensado para foros: solo existen ciertos formatos, no hay scripts y el programa del foro convierte cada etiqueta en HTML bajo su propio control. BBCode basta para mostrar sin riesgo lo que escriben los usuarios, pero para diseñar una página hace falta HTML.

Etiquetas reconocidas

Las etiquetas de abajo significan lo mismo en casi todos los programas de foro. Las etiquetas propias de su foro (spoiler, youtube, hide, etc.) cambian de un programa a otro; no se convierten y quedan como texto.

• [b] [i] [u] [s] → negrita, cursiva, subrayado, tachado
• [url]dirección[/url] y [url=dirección]texto[/url] → enlace
• [img]dirección[/img] y [img=anchoxalto] → imagen
• [quote] y [quote=Nombre] → recuadro de cita con el nombre del autor
• [code] → bloque de código; el BBCode de adentro no se procesa
• [list], [list=1], [list=a] y [*] → lista con viñetas o numerada
• [color=red] o [color=#c0392b], [size=150], [center] [left] [right]

Seguridad: por qué un mensaje de foro no va tal cual a una página

Cualquiera puede escribir en un foro, y alguien pudo meter código en el mensaje. Por eso la herramienta toma dos precauciones. Primero, todo el texto simple se escapa: si alguien escribió <script>, los lectores solo ven esa palabra y nada se ejecuta. Enlaces e imágenes se convierten solo si la dirección empieza con http o https; una dirección con javascript: o data: queda como texto junto con su etiqueta. Un color solo puede ser un nombre de color o un código hexadecimal.

Después, el HTML obtenido pasa una vez más por una biblioteca de limpieza probada (DOMPurify). Si se quita algo, la línea de resultado dice cuántos elementos se limpiaron.

El tamaño no vale lo mismo en todos los foros

El número de [size] no significa lo mismo en todas partes. phpBB usa porcentaje: [size=150] es el 150 % del texto normal. vBulletin y MyBB usan una escala del 1 al 7. La herramienta lleva del 1 al 7 a esa escala antigua (de pequeño a muy grande) y los valores desde 8 a porcentaje. En la otra dirección, un font-size en porcentaje se escribe como porcentaje y un tamaño con nombre como nivel del 1 al 7.

Preguntas frecuentes

¿Qué es BBCode y dónde se usa?

BBCode es un lenguaje de marcado sencillo que permite a los usuarios de un foro dar formato al texto sin escribir HTML. Las etiquetas van entre corchetes: [b]negrita[/b]. Lo usan programas de foro como phpBB, vBulletin, MyBB, SMF y XenForo, y también algunos sitios de videojuegos y comunidades.

¿Qué pasa con una etiqueta sin cerrar?

Queda como texto. Si escribe «[i]importante» y no la cierra con [/i], el resultado muestra [i]importante; no se aplica cursiva y no se pierde nada. La mayoría de los foros hacen lo mismo.

¿Qué pasa con las tablas en HTML → BBCode?

BBCode no tiene una etiqueta de tabla estándar. Las filas de la tabla pasan a líneas simples con las celdas separadas por tabuladores. Si su foro tiene una extensión [table], tendrá que reescribir la tabla a mano en ese formato.

¿Mi texto se sube a algún servidor?

No. La conversión y el filtro de seguridad funcionan en su navegador; el texto que pega no sale de esta página.