BBCode - BBCode

BBCode es un lenguaje de marcado ligero utilizado 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 ( [y ]) alrededor de una palabra clave y se analizan antes de traducirse a HTML .

Etiquetas

Ejemplo en HTML / CSS BBCode Producción
<b>bolded text</b>, o
<strong>bolded text</strong>
<span style="font-weight: bold;">bolded text</span> 		[b]bolded text[/b] texto en negrita
<i>italicized text</i>, o
<em>italicized text</em>
<span style="font-style: italic;">italicized text</span> 		[i]italicized text[/i] texto en cursiva
<ins>underlined text</ins> o
<span style="text-decoration: underline;">underlined text</span> 		[u]underlined text[/u] texto subrayado
<del>strikethrough text</del> o
<span style="text-decoration: line-through;">strikethrough text</span> 		[s]strikethrough text[/s] texto tachado
<a href="https://en.wikipedia.org">https://en.wikipedia.org</a>
<a href="https://en.wikipedia.org">English Wikipedia</a> 		[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] Example.png
<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 text</p></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:

texto citado

texto citado

-  autor
<pre>monospaced text</pre> [code]monospaced text[/code] monospaced text
<span style="font-size:30px">Large Text</span> o
<span style="font-size:85%">Smaller Text</span> 		[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 fuchsia</span> o
<span style="color:#FF00FF;">Text in fuchsia</span> 		[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>Entry A</li>
  <li>Entry B</li>
</ul>

<ol>
  <li>Entry 1</li>
  <li>Entry 2</li>
</ol>

[list]
  [*]Entry A
  [*]Entry B
[/list]

[list=1]
  [*]Entry 1
  [*]Entry 2
[/list]

Algunos tableros de mensajes no necesitan los corchetes alrededor de los marcadores.

(Muchas variantes para liy /li, tipos de lista, desordenados y ordenados, con diferentes formatos de viñetas o contadores, etc.)

  • Entrada A
  • Entrada B
  1. Entrada 1
  2. Entrada 2
 
<table>
<tr>
  <td>table cell 1</td>
  <td>table cell 2</td>
</tr>
<tr>
  <td>table cell 3</td>
  <td>table cell 4</td>
</tr>
</table>

[table]
[tr]
  [td]table cell 1[/td]
  [td]table cell 2[/td]
[/tr]
[tr]
  [td]table cell 3[/td]
  [td]table cell 4[/td]
[/tr]
[/table]

(Algunas variantes de theadreglas, etc.)

celda de tabla 1 celda de tabla 2
celda de tabla 3 celda de tabla 4

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

  1. ^ 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 .
  2. ^ "Formato de texto HTML" . www.w3schools.com . Consultado el 1 de mayo de 2021 .
  3. ^ por ejemplo, BOINC Project Forums et al.

enlaces externos