BBCode es un lenguaje de marcado ligero que se utiliza para formatear mensajes en muchos programas de foros de Internet , introducido por primera vez en 1998. Las "etiquetas" disponibles de BBCode generalmente se indican entre corchetes ([]) alrededor de una palabra clave y se analizan antes de traducirse a HTML . [1]
Etiquetas
Ejemplo en HTML / CSS | BBCode | Producción | ||||
---|---|---|---|---|---|---|
<b>bolded textb> [2] , [1] o<strong>bolded textstrong> <span style="font-weight: bold;">bolded textspan> | [b]bolded text[/b] | texto en negrita | ||||
<i>italicized texti> , o<em>italicized textem> <span style="font-style: italic;">italicized textspan> | [i]italicized text[/i] | texto en cursiva | ||||
<ins>underlined textins> o<span style="text-decoration: underline;">underlined textspan> | [u]underlined text[/u] | texto subrayado | ||||
<del>strikethrough textdel> o<span style="text-decoration: line-through;">strikethrough textspan> | [s]strikethrough text[/s] | |||||
<a href="https://en.wikipedia.org">https://en.wikipedia.orga> <a href="https://en.wikipedia.org">English Wikipediaa> | [url]https://en.wikipedia.org[/url] [url=https://en.wikipedia.org]English Wikipedia[/url] | https://en.wikipedia.org Wikipedia en inglés | ||||
<img src="https://upload.wikimedia.org/wikipedia/commons/7/70/Example.png" alt="Example.png" /> | [img]https://upload.wikimedia.org/wikipedia/commons/7/70/Example.png[/img] | |||||
<img src="Smileys/Face-smile.svg" alt=":-)"> | :) o [:-)] Esta sería otra forma de utilizar el y debe ser preconfigurado por el administrador del foro. (Este y otros emoticonos , según la variante. La mayoría de los BBCodes no incluyen emoticonos entre corchetes, lo que provoca un uso accidental frecuente). [img]url_img[/img] | (La imagen y el tamaño específicos varían). | ||||
<blockquote><p>quoted textp>blockquote> (Generalmente implementado de formas más avanzadas). | [quote]quoted text[/quote] [quote="author"]quoted text[/quote] (incluido opcional author ) | Usando una plantilla de Wikipedia:
| ||||
<pre>monospaced textpre> | [code]monospaced text[/code] | monospaced text | ||||
<span style="font-size:30px">Large Textspan> o<span style="font-size:85%">Smaller Textspan> | [style size="30px"]Large Text[/style] [style size="85"]Smaller Text[/style] (La unidad de medida varía con cada variante de BBCode y podría representar píxeles, puntos o tamaños HTML relativos). | Texto grande Texto más pequeño | ||||
<span style="color:fuchsia;">Text in fuchsiaspan> o<span style="color:#FF00FF;">Text in fuchsiaspan> | [style color="fuchsia"]Text in fuchsia[/style] o o ( Por lo general, se admiten los nombres de color HTML y los valores de color hexadecimales , aunque en algunos tableros debe omitir la opción de seleccionar un color hexadecimal).[style color=#FF00FF]Text in fuchsia[/style] [color=#FF00FF]Text in fuchsia[/color] # | Texto en fucsia | ||||
< ul > < li > Entrada A li > < li > Entrada B li > ul >< ol > < li > Entrada 1 li > < li > Entrada 2 li > ol > | [lista] [*] Entrada A [*] Entrada B[/lista][lista = 1 ] [*] Entrada 1 [*] Entrada 2[/lista] Algunos tableros de mensajes no necesitan los corchetes alrededor de los marcadores. [3] (Muchas variantes para |
| ||||
< tabla > < tr > < td > celda de tabla 1 td > < td > celda de tabla 2 td > tr > < tr > < td > celda de tabla 3 td > < td > celda de tabla 4 < / td > tr > tabla > | [tabla] [tr] [td] celda de tabla 1 [/ td] [td] celda de tabla 2 [/ td] [/ tr] [tr] [td] celda de tabla 3 [/ td] [td] celda de tabla 4 [ / td] [/ tr] [/ table] (Algunas variantes de |
|
Implementación
Normalmente, BBCode se implementa aplicando una serie de operaciones de reemplazo de cadena de expresión regular en la entrada. Debido a que las expresiones regulares están limitadas al analizar la estructura de la entrada de texto, esto tiene el artefacto de que cualquier entrada de BBCode no jerárquica se transformará en HTML no jerárquico no válido sin error.
La aplicación de técnicas tradicionales de análisis se dificulta por ambigüedades en el marcado, como en [quote=[b]text[/b][/quote]
, donde la entrada puede interpretarse como "texto" citado por alguien llamado [b
, o el texto en negrita "texto" rodeado por [quote=
y [/quote]
, es decir .[quote=text[/quote]
Ver también
Referencias
- ^ a b "Por qué los foros modernos están cambiando de HTML a BBCode" . LovelyReality.com. Archivado desde el original el 1 de septiembre de 2018 . Consultado el 24 de mayo de 2015 .
- ^ "Formato de texto HTML" . www.w3schools.com . Consultado el 1 de mayo de 2021 .
- ^ por ejemplo, BOINC Project Forums et al.