-
Basic text formatting for the wrapped text.
- 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.
-
Advanced text formatting options for 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.
-
Creates a link using the wrapped text as the target.
- Example:
- [URL]https://www.example.com[/URL]
[EMAIL]example@example.com[/EMAIL]
- Output:
-
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:
-
Links to a user's profile. This is generally inserted automatically when mentioning a user.
- Example:
- [USER=1]Username[/USER]
- Output:
-
Display an image, using the wrapped text as the URL.
- Example:
- [IMG]https://www.nodepositforum.com/forum/styles/uix_classic/images/logo.png[/IMG]
- Output:
-
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,
Dailymotion,
Facebook,
Flickr,
Giphy,
Imgur,
Instagram,
Pinterest,
Reddit,
SoundCloud,
Spotify,
TikTok,
Tumblr,
Twitch,
X,
Vimeo,
YouTube
- Example:
- [MEDIA=youtube]oHg5SJYRHA0[/MEDIA]
- Output:
- An embedded YouTube player would appear here.
-
Displays a bulleted or numbered list.
- Example:
- [LIST]
[*]Bullet 1
[*]Bullet 2
[/LIST]
[LIST=1]
[*]Entry 1
[*]Entry 2
[/LIST]
- Output:
-
Changes the alignment of the wrapped text.
- Example:
- [LEFT]Left-aligned[/LEFT]
[CENTER]Center-aligned[/CENTER]
[RIGHT]Right-aligned[/RIGHT]
[JUSTIFY]This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block.[/JUSTIFY]
- Output:
Left-aligned
Center-aligned
Right-aligned
This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block.
-
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:
-
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:
-
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:
Rich code:
PHP code:
JS code:
-
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
.
-
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:
-
Advanced table styling.
- Example:
- Option adds additional styling.
[TABLE=noborder]
[TR]
[TH]Header 1[/TH]
[TH]Header 2[/TH]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]
Multiple styles can be combined.
[TABLE=collapse,right,nobackground]
[TR]
[TH]Header 1[/TH]
[TH]Header 2[/TH]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]
[TABLE=collapse,center,alternate]
[TR]
[TH]Header 1[/TH]
[TH]Header 2[/TH]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]
- Output:
Option adds additional styling.
[TABLE=noborder]
Content 1 |
Content 2 |
[/TABLE]
Multiple styles can be combined.
[TABLE=collapse,right,nobackground]
Content 1 |
Content 2 |
[/TABLE]
[TABLE=collapse,center,alternate]
Content 1 |
Content 2 |
Content 1 |
Content 2 |
[/TABLE]
-
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.
-
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
-
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.
-
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.
-
A transparent container which will automatically overflow if the content is wider than the page or larger than 600px in height.
- Example:
- [CONTAINER]This is a transparent container with a fluid height. It is typically used to enclose large tables which have lots of columns and rows.[/CONTAINER]
- Output:
- custom_bb_code_output.container
-
custom_bb_code_desc.hashtag
- Example:
- custom_bb_code_example.hashtag
- Output:
- custom_bb_code_output.hashtag
-
A table.
- Example:
- [TABLE][TR][TH]This is a header cell[/TH][TH]This is a header cell[/TH][/TR][TR1][TD]This is a left aligned cell[/TD][TD1]This is a centre aligned cell[/TD1][/TR1][TR2][TD2]This is a right aligned cell[/TD2][TD]Left aligned[/TD][/TR2][TR1][TD1]Centre aligned[/TD1][TD2]Right aligned[/TD2][/TR1][/TABLE]
- Output:
- custom_bb_code_output.table
-
A cell with left aligned text.
- Example:
- [TABLE][TR][TD]This is a left aligned (standard) cell[/TD][/TR][/TABLE]
- Output:
- custom_bb_code_output.td
-
A cell with centre aligned text.
- Example:
- [TABLE][TR][TD1]This is a centre aligned cell[/TD1][/TR][/TABLE]
- Output:
- custom_bb_code_output.td1
-
A cell with right aligned text.
- Example:
- [TABLE][TR][TD2]This is a right aligned cell[/TD2][/TR][/TABLE]
- Output:
- custom_bb_code_output.td2
-
A header cell with bold, centre aligned text and a dark background.
- Example:
- [TABLE][TR][TH]This is a header cell[/TH][/TR][/TABLE]
- Output:
- custom_bb_code_output.th
-
A row with a transparent background.
- Example:
- TABLE][TR][TD]This is a standard cell in a row with a transparent background[/TD][/TR][/TABLE]
- Output:
- custom_bb_code_output.tr
-
A row with a lighter background.
- Example:
- [TABLE][TR1][TD]This is a standard cell in a row with a lighter background[/TD][/TR1][/TABLE]
- Output:
- custom_bb_code_output.tr1
-
A row with a darker background.
- Example:
- [TABLE][TR2][TD]This is a standard cell in a row with a darker background[/TD][/TR2][/TABLE]
- Output:
- custom_bb_code_output.tr2