The new WYSIWYG editor is without the issues of the old one, however you can still use Bulletin Board Codes (BBCodes) in the same editor for creating posts if you wish. The “blag-it” Forum supports all of the main BBCode functions.
The general format of a BBCode tag has three parts: an opening tag, the inside content and a closing tag, as shown in the examples below:
[open]text inside[/close][font=Verdana]
[b]bold text[/b]
When Order Matters, Part 1
You can place one BBCode tag inside another as long as the child tag is closed before the parent tag. For example, the correct way to make bold and italic text is:
[b][i]bold & italic text[/i][/b]
You can also do it in the following way, which is also valid, with the same tags in reverse order:
[i][b]bold & italic text[/b][/i]
The next example is incorrectly nested. The parent tag is closed before the child tag .
[b][i]bold & italic text[/i][/b]
When Order Matters, Part 2
The order in which tags are nested is important when text-formatting tags such as size, bold, or italic are paired with the text-alignment tags center, left, right, and pre. Formatting tags must be placed inside alignment tags. For example, for the size tag to change the font, it must be placed as follows:
[/font]
[center][font=Verdana][size=36pt][b][u]text[/u][/b][/size][/font][/center]
[font=Verdana]
Nesting the size tags as per the example below will result in this tag not working:
[/font]
[center][font=Verdana][size=36pt][b][u]text[/u][/b][/size][/font][/center]
[font=Verdana]
Text Style
[b]Bold[/b] Shows as Bold
[i]Italics[/i] Shows as Italics
[u]Underline[/u] Shows as Underline
[color=#FF0000]Red text[/color] Shows as Red text (Note: #FF0000 is the hexadecimal color code for red).
[color=blue]Blue text[/color] Shows as Blue text
Links and Images
Using BBCode you can include links and images in your posts.
To include a link:
[url=https://xyz.com]https://xyz.com[/url] This will show everything between the url tags as a link.
[url=https://xyz.com]site/page description[/url] This will show the 'site/page description' text as the link.
To include an image:
[img]http://xyz.com/image.png[/img] This will insert the specified .png file
Note: Images need the http:// or https:// prefix.
Quotes and Code
You can quote other posts or display code using these tags. If either one has a disconnected start or end tag, a syntax error is displayed, and the post will not post.
Quotes:
[/font]
[quote][font=Verdana]This is an anonymous quote[/font][/quote]
[font=Verdana] Shows everything between the quote tags; in this
case 'This is an anonymous quote'.
[/font]
[quote][font=Verdana]I am being quoted[/font][/quote]
[font=Verdana] Creates the following quote:
A_Somebody wrote:
A_Somebody wrote:
I am being quoted
Code:
[/font]
[code]This is some code[/code]
[font=Verdana] Displays everything between the code tags; in this case - 'This is some code'.
Note: If the code is long, a scrollbar will be generated.
Additional or advanced BBCode to make other effects:
[color=Gainsboro] Makes text invisible in normal posts (although it is slightly possible to see it)
[color=LavenderBlush] Makes text invisible in quotes (although it is slightly possible to see it)
[color=#ffffff] or [color=white] Makes text completely invisible on normal posts
[color=#f7f7f7] Makes text completely invisible in quotes
[b][color=black] Even bolder
[url=page url][img]image url[/img][/url] Linked image
Note: Links do not need the http:// prefix, the forum adds it automatically (images do need it)
Links beginning with ftp. get the ftp:// protocol added automatically
Links cannot contain the javascript:, about: or chrome: pseudo-protocols for the same reason.
[url=link][color=color] Colored link, but the underline stays blue
[url=link][color=color][u] Colored link, with colored underline
To add emoticons to your posts:
:) or =) produces a 'smile' face.
:| or =| produces a 'straight' face.
:D or =D produces a 'big grin' face.
:O or :o produces a 'surprised' face.
;) produces a 'wink' face.
:/ produces a 'not happy' face.
:P produces a 'tongue-out' face.
:lol: produces a 'laugh out loud' face.
:mad: produces a 'mad or angry' face.
:rolleyes: produces a 'slightly sarcastic' face.
:cool: produces a 'cool with sunglasses' face.[/b][/font]
