BBCode

BBCode (de Bulletin Board Code ) es un lenguaje de marcado simplificado pero basado en HTML que se prefiere para crear artículos en foros web ( Bulletin Boards ). BBCode no está regulado oficialmente , pero debido a su uso generalizado representa una práctica cuasi estándar y la mejor práctica actual .

BBCode se introdujo por primera vez en 1998 en el software de foro web Ultimate Bulletin Board (UBB) versión 3 y, en consecuencia, a veces se lo denomina Código UBB .

descripción

Muchas marcas de texto funcionan de la misma manera que HTML en BBCode , por ejemplo , y . Además, no proporcionada directamente por HTML posible BBCode permite que incluso los elementos complejos tales como listas, que se definen como sigue: . [b]fett[/b][i]kursiv[/i][u]unterstrichen[/u][list] [*]Eintrag 1 [*]Eintrag 2[/list]

A menudo, BBCode está disponible a través de una interfaz fácil de usar encima o debajo del formulario de entrada, similar a los editores de texto comunes. Luego, esto se hace junto con JavaScript o lenguajes de programación del lado del servidor como PHP o Perl . También existen ventanas emergentes en las que se puede introducir el texto a marcar, los elementos de la lista, etc. Por supuesto, también puede ingresar los elementos a mano.

Al usar BBCode, los usuarios pueden marcar textos de manera similar a HTML, sin tener que permitir que se ingrese HTML. Los elementos críticos para la seguridad como JavaScript o etiquetas que interfieren con el diseño del sitio web generalmente pueden excluirse. El filtrado de etiquetas HTML peligrosas (mientras se permiten las no peligrosas al mismo tiempo) puede resultar fácilmente propenso a errores o inadecuado.

Estructura y alcance

A diferencia de otros lenguajes de marcado , BBCode no está regulado oficialmente, por lo que difiere de una implementación a otra. Sin embargo, la estructura básica y el alcance son en gran medida los mismos y forman un estándar de facto. Los foros más grandes que se especializan en un tema a menudo amplían el conjunto estándar de BBCodes con algunos propios.

elemento Premio en BBCode Equivalente en XHTML
Elemento de premio [elementname]Inhalt[/elementname] <elementname>Inhalt</elementname>(Nota)
formato de fuente simple
[b]fett[/b]
[i]kursiv[/i]
[u]unterstrichen[/u]
[s]durchgestrichen[/s]
[center]zentriert[/center]
<b>fett</b> oder <strong>fett</strong>
<i>kursiv</i> oder <em>kursiv</em>
<span style="text-decoration:underline;">unterstrichen</span>
<span style="text-decoration:line-through;">durchgestrichen</span>,
in HTML5 auch: <del>durchgestrichen</del>
<p style="text-align:center;">zentriert</p>
formato de fuente avanzado
[font=schriftart]Text[/font]
[color=farbe]farbiger Text[/color]
[size=schriftgröße]Text[/size]
<span style="font-family:schriftart;">Text</span>
<span style="color:farbe;">farbiger Text</span>
<span style="font-size:schriftgröße;">Text</span>
estructura
... lorem ipsum
(Leerzeile)
dolor ...
<p>... lorem ipsum</p>
<p>dolor ...</p>
Lista con viñetas sin numeración
[list]
[*]Punkt
[*]Punkt
[/list]
<ul>
<li>Punkt</li>
<li>Punkt</li>
</ul>
Lista con viñetas con numeración en números arábigos
[list=1]
[*]Punkt
[*]Punkt
[/list]
<ol>
<li>Punkt</li>
<li>Punkt</li>
</ol>
Lista con viñetas con numeración en números romanos (pequeños)
[list=i]
[*]Punkt
[*]Punkt
[/list]
<ol type="i">
<li>Punkt</li>
<li>Punkt</li>
</ol>
Lista con viñetas con numeración en letras (pequeñas)
[list=a]
[*]Punkt
[*]Punkt
[/list]
<ol type="a">
<li>Punkt</li>
<li>Punkt</li>
</ol>
Referencias
[url=http://example.com]Linktext[/url]
[url]http://example.com[/url]
<a href="http://example.com">Linktext</a>
<a href="http://example.com">http://example.com</a>
imágenes
[img]example.com/bild.jpg[/img]
<img src="http://example.com/bild.jpg" alt="bild.jpg" />
Emoticonos
:-) oder :)
<img src="/smileys/happy.png" alt="Smiley" />
Código fuente
[code]
Code jeglicher Art
[/code]
<pre>
Code jeglicher Art
</pre>

La sintaxis HTML real suele ser más avanzada que la que se muestra aquí.

Cotizaciones (solo como cotizaciones en bloque )
[quote]Zitat[/quote]
[quote=Autor]Zitat[/quote]
<blockquote>Zitat</blockquote>
<blockquote><div class="postedby">Zitat von Autor</div><p>Zitat</p></blockquote>

El análisis de BBCode a HTML es muy inconsistente , especialmente cuando se nombra al autor . Suele haber otros elementos dentro de la cuota de bloque. <blockquote>

(Nota) Cualquier salto de línea dentro de los elementos HTML que se pueden ver en la tabla se debe al ancho de la ventana individual. No están incluidos en el código fuente.

analizando

Para que BBCode no se muestre como tal en el navegador web sino que provoque un formato especial, primero debe ser procesado por un analizador . Mediante el uso de expresiones regulares, por ejemplo, esto busca en el texto ingresado el reemplazo de caracteres que tienen un significado especial en HTML, específicamente para etiquetas BBCode antes de que se entregue al navegador, y las reemplaza con las etiquetas HTML correspondientes. Los errores de sintaxis, como uno independiente, [b]se pueden corregir utilizando HTML Tidy , por ejemplo .

enlaces web

Evidencia individual

  1. scriptkeeper.com: ¿Qué es el código UBB?