BB codes

What are bbcodes?

I'm glad you asked. They are generally used to add formatting to the text in your messages. They can be applied by typing in the code or simply clicking the appropriate icon above the text editor (see below)

Each bbcode has an opening tag, e.g. [bbcodetag] and a closing tag e.g. [/bbcodetag] (same but always starts with a forward slash)

There are two main ways to use bbcode:

• You can type in the two tags and include your text to be formatted between them
• Click on the corresponding icon above the text editor which automatically inserts the tags with a cursor between them ready to type. Alternatively first highlight the text then click on the icon which will insert the tags around the selected text.

The set of bbcode icons can be toggled on or off by clicking on the [ ] icon in the text tooolbar, which causes them to be greyed out. Click on the [ ] to show them again.

Some slghtly different bbcode examples:

• Some tags, e.g.the hr (horizontal rule) tags, do not require any text.
• "spoiler" will prompt you for a title first. If left blank this will default to "Read more..."
• The table icon will prompt you to choose the number of rows and columns for your table, once inserted the cursor will be in the first row/column
• To make a list, type each list item on a new line, select all of them and then click on icon for ordered (numbered) list or unordered (bullet point) list
• bbcode for media embeds (Youtube, Soundcloud etc.) is now automatic: all you need do is copy and paste the URL into the message.

• Images can be either uploaded and embedded via the image bbcode icon, or just dragged and dropped into the message.

The best way to learn the full capabilities is to just try them out, you can use our test forum for this.

• [B], [I], [U], [S] - Bold, italics, underline, and strike-through

  Makes the wrapped text bold, italic, underlined, or struck-through.

  Example:

  This is [B]bold[/B] text.
  This is [I]italic[/I] text.
  This is [U]underlined[/U] text.
  This is [S]struck-through[/S] text.

  Output:

  This is bold text.
  This is italic text.
  This is underlined text.
  This is struck-through text.

• [COLOR=color], [FONT=name], [SIZE=size] - Text Color, Font, and Size

  Changes the color, font, or size of the wrapped text.

  Example:

  This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
  This is [FONT=Courier New]Courier New[/FONT] text.
  This is [SIZE=1]small[/SIZE] and [SIZE=7]big[/SIZE] text.

  Output:

  This is red and blue text.
  This is Courier New text.
  This is small and big text.

• [URL], [EMAIL] - Linking

  Creates a link using the wrapped text as the target.

  Example:

  [URL]https://www.example.com[/URL]
  [EMAIL]example@example.com[/EMAIL]

  Output:

  https://www.example.com
  example@example.com

• [URL=link], [EMAIL=address] - Linking (Advanced)

  Links the wrapped text to the specified web page or email address.

  Example:

  [URL=https://www.example.com]Go to example.com[/URL]
  [EMAIL=example@example.com]Email me[/EMAIL]

  Output:

  Go to example.com
  Email me

• [USER=ID] - Profile Linking

  Links to a user's profile. This is generally inserted automatically when mentioning a user.

  Example:

  [USER=1]Username[/USER]

  Output:

  Username

• [IMG] - Image

  Display an image, using the wrapped text as the URL.

  Example:

  [IMG]https://cafesaxophone.com/styles/petecafe/cafesax2-og.jpg[/IMG]

  Output:

  

• [MEDIA=site] - Embedded Media

  Embeds media from approved sites into your message. It is recommended that you use the media button in the editor tool bar.
  Approved sites: Apple Music, Clyp, Dailymotion, Facebook, Instagram, SoundCloud, Spotify, Threads, TikTok, X, Vimeo, YouTube

  Example:

  [MEDIA=youtube]kQ0Eo1UccEE[/MEDIA]

  Output:

  An embedded YouTube player would appear here.

• [LIST] - Lists

  Displays a bulleted or numbered list.

  Example:

  [LIST]
  [*]Bullet 1
  [*]Bullet 2
  [/LIST]
  [LIST=1]
  [*]Entry 1
  [*]Entry 2
  [/LIST]

  Output:

  • Bullet 1
  • Bullet 2

  1. Entry 1
  2. Entry 2

• [LEFT], [CENTER], [RIGHT] - Text alignment

  Changes the alignment of the wrapped text.

  Example:

  [LEFT]Left-aligned[/LEFT]
  [CENTER]Center-aligned[/CENTER]
  [RIGHT]Right-aligned[/RIGHT]

  Output:

  Left-aligned​

  Center-aligned​

  Right-aligned​

• [QUOTE] - Quoted text

  Displays text that has been quoted from another source. You may also attribute the name of the source.

  Example:

  [QUOTE]Quoted text[/QUOTE]
  [QUOTE=A person]Something they said[/QUOTE]

  Output:

  Quoted text

  Click to expand...

  A person said:

  Something they said

  Click to expand...

• [SPOILER] - Text containing spoilers

  Hides text that may contain spoilers so that it must be clicked by the viewer to be seen.

  Example:

  [SPOILER]Simple spoiler[/SPOILER]
  [SPOILER=Spoiler Title]Spoiler with a title[/SPOILER]

  Output:

  See more

  Simple spoiler

  Spoiler Title

  Spoiler with a title

• [ISPOILER] - Inline text containing spoilers

  Allows you to display text inline among normal content which hides text that may contain spoilers and must be clicked by the viewer to be seen.

  Example:

  You have to click the following [ISPOILER]word[/ISPOILER] to see the content.

  Output:

  You have to click the following word to see the content.

• [CODE] - Programming code display

  Displays text in one of several programming languages, highlighting the syntax where possible.

  Example:

  General code:
  [CODE]General
  code[/CODE]
  
  Rich code:
  [CODE=rich][COLOR=red]Rich[/COLOR]
  code[/CODE]
  
  PHP code:
  [CODE=php]echo $hello . ' world';[/CODE]
  
  JS code:
  [CODE=javascript]var hello = 'world';[/CODE]

  Output:

  General code:
  

  Code:

  General
  code

  
  Rich code:
  

  Rich (BB code):

  Rich
  code

  
  PHP code:
  

  PHP:

  echo $hello . ' world';

  
  JS code:
  

  JavaScript:

  var hello = 'world';

• [ICODE] - Inline programming code display

  Allows you to display code inline among normal post content. Syntax will not be highlighted.

  Example:

  Inline code sections [ICODE]are a convenient way[/ICODE] of displaying code inline.
  
  Rich formatting within inline code sections [ICODE=rich]is [COLOR=red]also[/COLOR] [U]supported[/U][/ICODE].

  Output:

  Inline code sections are a convenient way of displaying code inline.
  
  Rich formatting within inline code sections is also supported.

• [INDENT] - Text indent

  Indents the wrapped text. This can be nested for larger indentings.

  Example:

  Regular text
  [INDENT]Indented text[/INDENT]
  [INDENT=2]More indented[/INDENT]

  Output:

  Regular text
  

  Indented text​

  More indented​

• [TABLE] - Tables

  Special markup to display tables in your content.

  Example:

  [TABLE]
  [TR]
  [TH]Header 1[/TH]
  [TH]Header 2[/TH]
  [/TR]
  [TR]
  [TD]Content 1[/TD]
  [TD]Content 2[/TD]
  [/TR]
  [/TABLE]

  Output:

  Header 1	Header 2
  Content 1	Content 2

• [HEADING=level] - Headings levels 1 to 3

  Marks text as a structured heading to facilitate machine readability.

  Example:

  [HEADING=1]Major heading[/HEADING]
  This text comes under a major heading, used to separate the primary sections of an article.
  
  [HEADING=2]Minor heading[/HEADING]
  When you need to subdivide the primary sections of an article, use a level 2 minor heading.
  
  [HEADING=3]Subheading[/HEADING]
  If you require additional subdivision, you may drop to level 3.

  Output:

  Major heading​

  This text comes under a major heading, used to separate the primary sections of an article.
  
  

  Minor heading​

  When you need to subdivide the primary sections of an article, use a level 2 minor heading.
  
  

  Subheading​

  If you require additional subdivision, you may drop to level 3.

• [PLAIN] - Plain text

  Disables BB code translation on the wrapped text.

  Example:

  [PLAIN]This is not [B]bold[/B] text.[/PLAIN]

  Output:

  This is not [B]bold[/B] text.

• [ATTACH] - Attachment insertion

  Inserts an attachment at the specified point. If the attachment is an image, a thumbnail or full size version will be inserted. This will generally be inserted by clicking the appropriate button.

  Example:

  Thumbnail: [ATTACH]123[/ATTACH]
  Full size: [ATTACH=full]123[/ATTACH]

  Output:

  The contents of the attachments would appear here.

• [ANCHOR=option] - Anchor

  This BB-Code does allow you to set an anchor within a text

  Example:

  [anchor="test"][/anchor]

  Output:

• [BCAMP] - Bandcamp album

  Embed bandcamp - just use album ID

  Example:

  Just add the album id number not the title of full URL like this example:
  
  [bcamp]1270867507[/bcamp]

  Output:

  Just add the album id number not the title of full URL like this example:
  
  

• [BCAMPTRACK] - Bandcamp track

  Embed bandcamp - just use track ID

  Example:

  Just add the track id number not the title of full URL like this example:
  
  [bcamptrack]1710551027[/bcamptrack]

  Output:

  Just add the track id number not the title of full URL like this example:
  
  

• [OFFTOPIC] - Off Topic

  Click on the OT icon (a fish). Add your off topic content between the tags.

  Example:

  [offtopic]Nothing to do with the thread[/offtopic]

  Output:

  Nothing to do with the thread

• [SUB] - Subscript

  Example:

  This is [sub]subscript[/sub]

  Output:

  This is _subscript

• [SUP] - Superscript

  Example:

  This is [sup]superscript[/sup]

  Output:

  This is ^superscript