Introduction to BBCode's

BBCode or Bulletin Board Code is a lightweight markup language used to format posts in many message boards. The available tags are usually indicated by square brackets ([ ]) surrounding a keyword, and they are parsed by the message board system before being translated into a markup language that web browsers understand—usually HTML or XHTML.

BBCode was first introduced in 1998 by the messageboard software Ultimate Bulletin Board (UBB). This is why BBCode is sometimes referred to as UBBCode.

Purpose

BCode was devised to provide a safer, easier and more limited way of allowing users to format their messages. Previously, many message boards allowed the users to include HTML formatting, a side effect of which was that malformed HTML could disrupt the page's layout, or HTML could be used to run JavaScript leading to XSS attacks.

Supported BBCodes

Here is an overview of the supported BBCode's when commenting on in the SysSurge community forums:



BBCode Example HTML Effect
[code]monospaced text[/code] <pre>monospaced text</pre>
monospaced text
[b]bolded text[/b] <b>bolded text</b> bolded text
[i]italic text[/i] <i>italic text</i> italic text
[u]underlined text[/u] <u>underlined text</u> underlined text
[s]strikethrough text[/s] <strike>strikethrough text</strike> strikethrough text
[left]left align text[/left] <div style=\"text-align:left\">left align text</div>
left align text
[right]right align text[/right] <div style=\"text-align:right\">right align text</div>
right align text
[center]center align text[/center] <div style=\"text-align:center\">center align text</div>
center align text
[quote]quoted text[/quote] or [quote=Jimmy]quoted text[/quote] <blockquote>quoted text</blockquote>

quoted text

[url]http://example.org[/url] or [link]http://example.org[/link] <a href="http://example.org" target="_blank">http://example.org</a> http://example.org
[url=http://example.com]Example[/url] or [link=http://example.com]Example[/link] <a href="http://example.org" target="_blank">Example</a> Example
[color=#008800]Green text[/color] <span style="color:#008800;">Green text</span> Green text
[hr] (Horisontal seperator) <hr />
[email]someone@example.com[/email] <a href=\"mailto:someone@example.com\">
someone@example.com</a>
someone@example.com
[font=Tahoma]text in another font[/font] <span style="font-family:Tahoma;">text in another font</span> text in another font
[align=right]right aligned text[/align] <span style="text-align:right;">right aligned text</span> right aligned text
[float=right]right floated text[/float] <span style="float:right;">right floated text</span> right floated text
[list] [*]Entry 1 [*]Entry 2 [/list] <ul><li>Entry 1</li><li>Entry 2</li></ul>
  • Entry 1
  • Entry 2