Visor de BBCode

Cómo usar el visor de BBCode

1. 1

   Escribe o pega tu BBCode

   Escribe o pega el código en el editor de la izquierda, por ejemplo [b]Texto en negrita[/b] o [url=https://example.com]enlace[/url], o abre un archivo .txt o .bbcode guardado en tu equipo. El botón del matraz carga un ejemplo con varias etiquetas.

2. 2

   Mira la vista previa en directo

   El panel de la derecha se actualiza en tiempo real y muestra exactamente cómo se verá tu texto formateado en el foro. Las etiquetas mal cerradas o desconocidas quedan como texto, lo que ayuda a encontrar erratas.

3. 3

   Inserta y comprueba las etiquetas

   Selecciona texto y usa la barra de herramientas o los atajos (Ctrl+B negrita, Ctrl+K enlace, Ctrl+Mayús+8 lista con viñetas, Ctrl+Mayús+7 lista numerada), comparando con la vista previa hasta que quede como buscas.

4. 4

   Copia o exporta el resultado

   Copia el BBCode para el foro, cambia a la vista HTML para copiar o descargar el código, o guárdalo como .txt.

Referencias

• Wikipedia — BBCode

  Descripción general de BBCode: su historia, las etiquetas más comunes y cómo los foros interpretan este lenguaje de marcado ligero.

• phpBB — Guía de BBCode

  Documentación oficial de phpBB con las etiquetas BBCode estándar: negrita, cursiva, enlaces, imágenes, citas y bloques de código.

• Comunidad de Steam — Ayuda de formato de texto

  Página oficial de Steam con las etiquetas BBCode admitidas en reseñas y foros de discusión, incluidas [spoiler], [noparse], [olist] y las opciones de tabla.

• Wikipedia en español — BBCode

  Artículo en español sobre el origen del BBCode, sus etiquetas habituales y su uso en foros.

• Documentación de Godot — BBCode en RichTextLabel

  El dialecto de BBCode del motor Godot, con etiquetas de animación como [wave] o [shake] que no existen en los foros.

Herramientas relacionadas

Preguntas frecuentes

¿Qué es BBCode?

BBCode (Bulletin Board Code) es un lenguaje de marcado ligero que se usa en foros y tablones de mensajes para dar formato a las publicaciones. Las etiquetas se escriben entre corchetes, como [b]negrita[/b] o [url]enlaces[/url], y se convierten en HTML seguro al mostrarse.

¿Cómo se usa BBCode?

Cada formato tiene una etiqueta de apertura y otra de cierre con barra: [i]texto[/i]. Si anidas etiquetas, ciérralas en orden inverso: [b][i]texto[/i][/b]. Para citar a alguien escribe [quote=Nombre]…[/quote], para una lista usa [list] con un [*] delante de cada elemento y para mostrar código sin interpretarlo, [code]…[/code].

¿Este editor de BBCode muestra una vista previa en directo?

Sí. A medida que escribes o pegas BBCode en el editor, el panel de vista previa se actualiza al instante para que veas exactamente cómo quedará el texto formateado antes de publicarlo.

¿Sirve este visor para el BBCode de Steam?

Sí. Entre sus 34 etiquetas están todas las de la ayuda de formato de Steam, como [h1]–[h3], [strike], [spoiler], [noparse], [olist] y [table] con noborder=1. No reproduce los widgets de YouTube o de la tienda, y [youtube], [font] y [align] quedan como texto.

¿Es compatible con el BBCode de osu! o de otros foros de juegos?

El visor renderiza las etiquetas BBCode estándar que comparten la mayoría de plataformas como osu!, Artfight o foros de Godot. Algunas etiquetas exclusivas de cada sitio pueden no representarse igual, pero el formato básico se previsualiza correctamente.

¿Convierte este visor el BBCode a HTML?

Sí. En el panel derecho cambia de «Vista previa» a «HTML» para copiar el código o descargarlo como .html. Solo se conservan enlaces http/https y se eliminan scripts y atributos on*.

¿Necesito descargar algún programa para usarlo?

No. Es un editor BBCode online que funciona directamente en el navegador, sin instalar ni descargar nada. Solo abre la página y empieza a escribir.

¿Se envía mi BBCode a un servidor?

No. Todo el análisis y la renderización ocurren por completo en tu navegador, así que tu texto nunca sale de tu dispositivo y no se sube nada.

¿Cómo se pone color al texto en BBCode?

Envuelve el texto en [color=red]…[/color] usando un nombre de color en inglés (red, blue, orange…) o un código hexadecimal de 3 o 6 cifras, como [color=#ff6600]. El botón de color de la barra abre el selector de tu sistema e inserta el código hexadecimal por ti. Si el valor no es válido, el texto se muestra sin color en lugar de romper el mensaje.

¿Cómo cambio el tamaño de una imagen en BBCode?

Añade los atributos de ancho y alto en píxeles: [img width=300 height=200]https://example.com/foto.png[/img]. Puedes indicar solo uno de los dos y el otro se ajusta en proporción. La imagen se carga desde su dirección original, que debe ser http o https; el visor no aloja archivos, así que primero tiene que estar publicada en algún sitio.

¿Cómo se hace una tabla en BBCode?

Abre [table], crea cada fila con [tr] y dentro pon celdas de cabecera [th] o de datos [td]: [table][tr][th]Nombre[/th][th]Nivel[/th][/tr][tr][td]Ana[/td][td]12[/td][/tr][/table]. Las celdas admiten colspan y rowspan, y [table noborder=1] quita los bordes, igual que en Steam. La forma más rápida es pulsar el botón de tabla y rellenar la plantilla.

¿Cómo cambio el tamaño o el tipo de letra?

El tamaño se escribe con [size=20]texto[/size], donde el número son píxeles (de 1 a 200); el menú de tamaño de la barra lo inserta por ti. La etiqueta [font] para cambiar de tipografía no se interpreta y se queda como texto, porque muchos foros tampoco la aceptan; para destacar algo usa negrita o un encabezado de [h1] a [h6].

¿Se puede convertir HTML a BBCode?

No, esta herramienta va en un solo sentido: de BBCode a HTML. Si pegas HTML en el editor, etiquetas como <b> o <a> aparecen tal cual como texto y no se interpretan. Para pasar un texto con HTML a BBCode hay que cambiar las etiquetas a mano, por ejemplo <b> por [b] o <a href="…"> por [url=…], y comprobar el resultado en la vista previa.

¿En qué se diferencia el BBCode de Godot del de los foros?

El nodo RichTextLabel de Godot usa la misma sintaxis de corchetes, pero con su propio repertorio: además de [b], [color] o [img] tiene etiquetas de animación como [wave], [shake] o [pulse] que ningún foro reconoce. Este visor renderiza el BBCode de foros, así que esas etiquetas de Godot se muestran como texto.