Softonic

Convertidor de BBCode a HTML

Paso 1 / 2
Siguiente

BBCode fue el marcado ligero de la era de los foros — [b]negrita[/b], [url], [quote], [code]. Cada foro phpBB, vBulletin, XenForo y SMF lo usó, y millones de publicaciones en esas plataformas aún existen. Este convertidor analiza BBCode y genera HTML limpio y válido que puedes pegar en un CMS moderno, un sitio estático o una tubería de Markdown a HTML que no entiende las etiquetas de foro.

Cómo convertir BBCode

  1. 1

    Pega tu BBCode

    Publicaciones completas o fragmentos. Se manejan etiquetas anidadas.

  2. 2

    El analizador tokeniza las etiquetas de apertura y cierre

    Los pares coincidentes `[tag]...[/tag]` producen el elemento HTML correspondiente.

  3. 3

    Los atributos de las etiquetas se mapean

    Cosas como `[color=red]`, `[size=18]` o `[url=https://...]` se convierten en estilos en línea o atributos `href`.

  4. 4

    Copia el HTML

    Listo para una publicación de blog, una página de documentación o una migración de foro.

Etiquetas soportadas

BBCode Salida HTML
[b]texto[/b] <strong>texto</strong>
[i]texto[/i] <em>texto</em>
[u]texto[/u] <u>texto</u> o <ins>
[s]texto[/s] <del>texto</del>
[url]enlace[/url] <a href="enlace">enlace</a>
[url=enlace]texto[/url] <a href="enlace">texto</a>
[img]enlace[/img] <img src="enlace">
[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>

Notas de seguridad

BBCode es seguro por diseño; HTML no lo es. Convertir BBCode enviado por el usuario a HTML es el momento clásico en que un foro introdujo XSS en 2005. Si estás publicando la salida convertida:

  • Escapa cualquier texto en bruto dentro de las etiquetas BBCode.
  • Lista blanca las etiquetas que emite tu convertidor — no reenvíes etiquetas desconocidas como HTML en bruto.
  • Valida URLs en [url] y [img] para bloquear esquemas javascript: y data:.

Esta herramienta elimina o neutraliza cualquier URL similar a un script durante la conversión.

Migrando un foro completo

Para mover miles de publicaciones, ejecuta el convertidor como una tubería: exporta publicaciones como BBCode → pasa por este convertidor → importa el HTML. Revisa algunas docenas de publicaciones con anidaciones inusuales o códigos de emoji personalizados que pueden no estar en el conjunto de etiquetas estándar.

Lo que BBCode no mapea limpiamente

  • Emoticonos personalizados de foro (:D y :)) — déjalos como están y renderízalos con CSS, o preprocésalos por separado.
  • Etiquetas específicas de plugins (como [spoiler], [youtube]) — listadas en el panel de etiquetas personalizadas; de lo contrario, se emiten como texto literal.
  • Etiquetas fusionadas o no cerradas — el analizador intenta cerrarlas automáticamente, pero entradas extremadamente mal formadas pueden perder formato.

Preguntas frecuentes

Sí: publicaciones de la comunidad de Steam, foros vBulletin y XenForo, algunos wikis y muchas instalaciones heredadas de phpBB. También sobrevive como el marcado subyacente en un puñado de paneles de control de servidores de juegos.

No, esta herramienta — usa el convertidor de HTML a BBCode. Volver atrás es más complicado porque HTML es mucho más expresivo que BBCode.

Las etiquetas desconocidas pasan como texto literal por defecto. Un modo “estricto” las elimina completamente si deseas una salida garantizada limpia.

Sí. [quote], [list] y [code] pueden anidarse arbitrariamente. El analizador rastrea las pilas de etiquetas y las cierra correctamente.

Herramientas relacionadas

Generador de letras aleatorias

Genera letras aleatorias A-Z. Elige la cantidad, usa mayúsculas, minúsculas o mezcla de ambas, y aplica el resultado en juegos, consignas o clase.

Formateador de JSON

Pega JSON para verlo con sangría de 2 o 4 espacios, minificarlo en una salida compacta o comprobar rápidamente la sintaxis antes de copiar el resultado.

Generador de Paletas de Color

Genera paletas monocromáticas, análogas, complementarias, triádicas o tetrádicas desde un color base HEX y exporta variables CSS listas para copiar.

Generador de colores aleatorios

Genera de 1 a 50 colores HEX aleatorios con muestras para previsualizar, copiar y usar en CSS, pruebas o exploración de paletas.

Selector de color HEX

Elige cualquier color visualmente y obtén sus valores HEX, RGB, HSL, HSV y CMYK, con contraste frente a blanco y negro.

Generador de paletas de colores aleatorias

Genera paletas aleatorias de 2 a 15 muestras, elige un estilo vibrante, pastel, apagado u oscuro y copia códigos HEX o variables CSS.