Bulletin Board Code
¿Qué es BBCode?
BBCode proveniente del inglés Bulletin Board Code es un lenguaje de marcas ligero utilizado preferentemente en foros de discusión y e-mails para embellecer la forma en que un mensaje o post es presentado.
Los BBCodes no pueden ser interpretados directamente por un navegador web, por lo que es el propio sistema del foro el que se encarga de traducir el contenido marcado en BBCode hacia un lenguaje que los navegadores web puedan entender, ya sea HTML o XHTML.
BBCode no se encuentra oficialmente regulado, pero debido a su amplia utilización se ha convertido en un estándar de facto, así como en un estándar de mejor práctica actual.
¿Porqué BBCode?
BBCode fue ideado para proporcionar un mecanismo que permitiera a los usuarios mejorar la presentación de sus mensajes de una manera más segura, más sencilla y más limitada. Previamente muchos foros permitían el uso de HTML, con el efecto colateral de que si había HTML mal escrito se trastornaba toda la distribución de la página, o el HTML podía ser usado para incluir JavaScript lo que causa graves problemas de seguridad al permitir ataques XSS.
Sin embargo algunas implementaciones de BBCode han sufrido problemas relacionados con el modo en que traducen el BBCode a HTML, lo que podría contradecir la seguridad que se intentaba dar con BBCode. Una alternativa es un filtro HTML correctamente escrito (muchos de los cuales están libremente disponibles).
A pesar de las etiquetas básicas de BBCode son similares en la mayoría del software para foros de Internet, de hecho no existe un documento que estandarice los BBCode y como consecuencia hay muchas variantes muchas veces incompatibles entre sí. Algunas variantes distinguen entre mayúsculas y minúsculas en los nombres de las etiquetas, mientras que otras no. Algunas variantes tienen etiquetas que ponen de relieve el formato HTML, ASP, PHP, SQL y otros lenguajes de marcas y lenguajes de programación. Etc.
Fuente: http://es.wikipedia.org/wiki/BBCode (http://es.wikipedia.org/wiki/BBCode)
Estructura y sintaxis
BBCode se encuentra basado en el lenguaje HTML, y es muy similar a éste en estructura y sintaxis. BBCode cuenta con elementos y atributos como el HTML, aunque al ser una versión simplificada del mismo resulta mucho más sencillo de aprender y utilizar.
Los elementos son la estructura básica del lenguaje, cada elemento tiene dos propiedades esenciales: contenido y atributos.
Elementos
Los elementos en BBCode por lo general poseen una etiqueta de inicio y una etiqueta de cierre, el contenido queda enmarcado entre ambas etiquetas. En BBCode el nombre de una etiqueta se encuentra delimitada por corchetes [ ], a diferencia de HTML, donde se utilizan los símbolos de desigualdad < >. Algunas etiquetas contienen un modificador, también conocido como atributo, cuyo valor se asigna a la propia etiqueta con el símbolo =.
Atributos
La mayoría de los atributos de un elemento en BBCode son simplemente valores, escritos en la etiqueta de comienzo de un elemento y asignados a la misma por un signo de igual =, después del nombre de ésta. El valor puede estar rodeado por comillas dobles o no, la mayoría de los sistemas de foros son tolerantes a estas modificaciones. Sin embargo, dejar los valores sin comillas es considerado una práctica poco segura.
La sintaxis general es entonces:
[nombre_etiqueta="atributo"] Contenido [/nombre_etiqueta]Fuente: http://es.wikipedia.org/wiki/BBCode (http://es.wikipedia.org/wiki/BBCode)
Usos y Significados
Etiquetas de formato:
Estas etiquetas SIEMPRE deben estar aplicadas en el texto. No importa en que orden, siempre deben estar aplicadas sobre el texto en cuestion.
Negrita:
Uso: [b] [/b]
Significado: Texto en negrita
Subrayado:
Uso: [u] [/u]
Significado: Texto subrayado
Cursiva:
Uso: [i] [/i]
Significado: Texto en itálica o cursiva
Tachado:
Uso: [s] [/s]
Significado: Texto tachado
Tamaño:
Uso: [size=valor] [/size]
Significado: Amplía el tamaño del texto
Colores:
Uso: [color="valor"] [/color] (valor = color en css, RRGGBB, hexadecimal)
Significado: Cambia el color del texto, permite tanto colores CSS, RGB y Hexadecimal.
Fuente:
Uso: [font=valor] [/font] (valor = fuente)
Significado: Cambia la fuente por la elegida. IMPORTANTE: El usuario DEBE tener esa fuente instalada en su computadora, o en su defecto, SMF debe tenerla.
Código:
Uso: [code] [/code]
Significado: Inserta una caja que contiene codigo.
Subíndice:
Uso: [sub] [/sub]
Significado: El texto se convierte en un subíndice.
Superíndice:
Uso: [sup] [/sup]
Significado: El texto se convierte en un superíndice.
Etiquetas de alineación:
Estas etiquetas siempre deben estar despues de cualquier etiqueta de formato (pueden estar FUERA de una etiqueta de imagen, tablas y listas ordenadas/no ordenadas
Uso: [left] [/left] [center] [/center] [right] [/right]
Significado: Alinea el texto/imagen a la izquierda, al centro o a la derecha, respectivamente.
Etiqueta de imagen:
Esta etiqueta sirve para importar una imagen desde un sitio web.
Uso: [img] [/img]
Atributos extras: width=valor (ancho), height=valor (alto)
Etiqueta de tabla:
Una de las mas dificiles de usar en BBC ya que en todos los diferentes lugares funciona diferente. Funciona como una tabla normal de HTML, solo que sus celdas se autoajustan dependiendo del texto, y las filas tambien.
Tabla:
Uso: [table] [/table]
Significado: Cuerpo de la tabla
Fila:
Uso: [tr] [/tr]
Significado: Fila de la tabla
Celda:
Uso: [td] [/td]
Significado: Celda de la tabla
Etiqueta de lista:
Crea una lista, es muy facil de usar y se parece mucho al modo de UL de HTML
Lista:
Uso: [list] [list]
Atributos extras: type=valor (valores posibles: none, disc, circle, square, decimal, decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-greek, lower-latin, upper-latin, hebrew, armenian, georgian, cjk-ideographic, hiragana, katakana, hiragana-iroha, katakana-iroha)
Item:
Uso: [li] [/li]
Cita:
Genera una cita
Uso:[/b]
Atributos extras:[/b] author="valor" (autor de la cita), link=topic=valor (link hacia la cita, el valor es el id del tema), date=valor (fecha expresada en unix timestamp)
Spoiler:
Genera un bloque oculto que solo puede ser visto si pulsas un boton.
Uso:
Atributos extras: spoiler=valor (le da nombre al spoiler)
No BBC:
Uso: [nobbc] [/nobbc]
Significado: Hace que lo que este dentro no responda al bbcode. (a la unica etiqueta que responde es a la de [/nobbc])
Demostraciones
Etiquetas de formato:
Negrita: Texto en negrita
Subrayado: Texto subrayado
Cursiva: Texto en itálica o cursiva
Tachado: Texto tachado
Tamaño: [size=13]Texto en tamaño 13[/size]
Colores: [color="darkblue"]Texto en color azul oscuro [/color]
Fuente: Texto con fuente Andale Mono
Etiquetas de alineación:
Texto a la izquierda
Texto centrado
Texto a la derecha
Etiqueta de imagen:
(http://minecraftmin.net/cabecera/c74.png)
Listas:
Cita:
Cita n_n
Spoiler:
Aguante Sword Art Online loco n_n
No BBC:
[b]Texto que deberia tener formato[/b]