Convertidor de HTML a BBCode (Pegar desde la Web a Foros)
Convierte contenido HTML en BBCode listo para pegar en un foro o en un panel de comentarios. La herramienta recorre el árbol del documento que analiza el navegador y traduce cada elemento semántico a su etiqueta BBCode, ignorando <script>, <style>, los comentarios y los atributos inseguros.
💬 Resumen rápido: ¿cómo paso HTML a BBCode?
Pega el HTML (por ejemplo, el código fuente de un artículo o el que copiaste de un editor visual) y obtén el BBCode equivalente con [b], [url], [list], [quote]… Para el camino inverso, usa el convertidor de BBCode a HTML. Si solo quieres el texto sin ningún formato, prueba el eliminar código HTML de un texto.
Cuándo se necesita convertir HTML a BBCode
Los foros y muchos sistemas de comentarios no aceptan HTML por razones de seguridad: solo entienden BBCode. Por eso, si quieres llevar contenido de una página web a un mensaje de foro conservando el formato, tienes que traducirlo. Situaciones típicas:
- Citar un artículo o una entrada de blog en un hilo, manteniendo enlaces, listas y énfasis.
- Publicar en un foro un texto que redactaste en un editor visual (que internamente genera HTML).
- Migrar contenido en sentido inverso al habitual: de un CMS a un foro.
- Reutilizar en un foro la descripción de un producto o una guía que ya existe en HTML.
Cómo funciona: recorrido del árbol DOM
La herramienta no usa expresiones regulares para «adivinar» las etiquetas: entrega el HTML al analizador del propio navegador (DOMParser), que construye el árbol de objetos del documento (DOM) igual que haría al cargar una página. Después recorre ese árbol en profundidad, nodo por nodo:
- Para un nodo de texto, copia su contenido (colapsando los espacios en blanco si así lo pides).
- Para un elemento, primero convierte a BBCode todo su interior y luego lo envuelve con la etiqueta correspondiente.
- Los nodos
<script>,<style>,<noscript>y los comentarios se descartan por completo. - Los elementos desconocidos se «desenvuelven»: se pierde la etiqueta pero se conserva su texto.
Este enfoque es robusto ante HTML mal formado, etiquetas sin cerrar o atributos raros, porque el navegador ya los ha normalizado antes de que empiece la conversión.
Tabla de equivalencias
| HTML | BBCode |
|---|---|
<b> <strong> | [b] |
<i> <em> <cite> | [i] |
<u> <ins> / <s> <del> | [u] / [s] |
<a href="x"> | [url=x] (o [email] si es mailto:) |
<img src="x"> | [img]x[/img] |
<blockquote> | [quote] |
<pre> <code> | [code] |
<ul> <li> / <ol> | [list] [*] / [list=1] |
<h1>…<h6> | [size=N][b]…[/b][/size] (configurable) |
<span style="color">, <font color> | [color=…] |
<br> / <p> | salto de línea / doble salto |
Opciones disponibles
- Encabezados (h1–h6): convertirlos en
[size][b](con un tamaño decreciente según el nivel), en solo[b]o en texto sin formato. - Conservar enlaces: si lo desactivas, los
<a>se sustituyen por su texto visible. - Conservar imágenes: si lo desactivas, se usa el texto
altde la imagen. - Conservar color y tamaño: lee
color,font-size,text-decoration,font-weightyfont-styledel atributostyley los traduce a[color],[size],[u],[s],[b]e[i]. - Colapsar espacios en blanco: convierte las secuencias de espacios, tabulaciones y saltos del HTML en un único espacio, como hace un navegador al renderizar.
Ejemplo
Entrada HTML:
<h2>Guía rápida</h2> <p>Hola <strong>mundo</strong> y <em>cursiva</em>.</p> <ul> <li>Abrir la aplicación</li> <li>Iniciar sesión</li> </ul> <p><a href="https://porcentaje.net">Más info</a></p>
Salida BBCode:
[size=6][b]Guía rápida[/b][/size] Hola [b]mundo[/b] y [i]cursiva[/i]. [list] [*] Abrir la aplicación [*] Iniciar sesión [/list] [url=https://porcentaje.net]Más info[/url]
Buenas prácticas
- Comprueba las etiquetas que admite tu foro. No todos aceptan
[color],[size]o[img]; si el tuyo no lo hace, desactiva esas opciones para que el mensaje quede limpio. - Revisa los enlaces largos. Algunos foros acortan o rompen las URL muy largas dentro de
[url]. - Simplifica antes de convertir. Si el HTML viene de una página con mucho
<div>y estilos, el BBCode será más legible si primero lo reduces a lo esencial. - Prueba el resultado. Pega el BBCode en la vista previa de tu foro antes de publicar el mensaje definitivo.
Herramientas relacionadas en porcentaje.net
- Convertidor de BBCode a HTML: la operación inversa, con vista previa.
- Eliminar Código HTML de un Texto: deja solo el contenido textual.
- Eliminar Etiquetas HTML: quita todas las etiquetas conservando el texto.
- Decodificador de Entidades HTML: convierte
&y'en sus caracteres. - Convertir Texto a Texto Plano: normaliza cualquier texto enriquecido.
Preguntas Frecuentes (FAQ)
¿Qué elementos HTML se pierden en la conversión?
BBCode es más limitado que HTML, así que algunos elementos no tienen equivalente: <table> se simplifica (las celdas se separan con tabulaciones), los estilos complejos de <div> se descartan y los formularios, <iframe>, <video> y <audio> desaparecen. El texto que contengan sí se conserva.
¿Cómo se convierten los encabezados?
BBCode no tiene etiqueta de encabezado, así que la herramienta ofrece tres opciones: convertirlos en [size=N][b]…[/b][/size] con un tamaño que disminuye del <h1> al <h6>, dejarlos solo en negrita, o quitarles todo el formato y dejar el texto en su propia línea.
¿Se conservan los colores y los tamaños de fuente?
Sí, si activas esa opción. La herramienta lee el atributo style de los <span> y el atributo color de los <font>, y traduce color a [color] y font-size a [size] (convirtiendo los píxeles a la escala 1–7 de BBCode). También reconoce negrita, cursiva, subrayado y tachado aplicados por CSS.
¿Es seguro pegar HTML de cualquier sitio?
Sí. El HTML se analiza para extraer su estructura, pero nunca se ejecuta: los <script>, los <style>, los controladores de eventos y los comentarios se descartan. El resultado es texto BBCode plano, que por su propia naturaleza no puede ejecutar código.
¿El proceso ocurre en mi navegador?
Sí. La herramienta usa el DOMParser del navegador y hace todo el recorrido del árbol localmente. Ni el HTML de entrada ni el BBCode de salida se envían a ningún servidor ni se almacenan.