BB codes

[B], [I], [U], [S] - bold, Italic, Underline, Struck-through

Applies basic formatting to 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.

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

Applies advanced formatting to 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=8]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][email protected][/EMAIL]

Output:: https://www.example.com
[email protected]

[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 protected]]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://www.epicnpc.com/var(--xf-publicLogoUrl)[/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: Bluesky, Gyazo, Imgur, JumpShare, TikTok, Twitch, X, Vimeo, YouTube

Example:: [MEDIA=youtube]oHg5SJYRHA0[/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

Entry 1
Entry 2

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

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 with a long content to demonstrate the justification.[/JUSTIFY]

Output:: Left-aligned
Center-aligned
Right-aligned
This is a justified text block with a long content to demonstrate the justification.

[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...

Click to collapse...

A person said:

Something they said

Click to expand...

Click to collapse...

[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:: Simple spoiler

Spoiler with a title

[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.

[TABLE], [TR], [TH], [TD] - Tables

Use [TR] tags to start new rows inside a table tag. Use [TD] tags to start new cells inside row tags. Use [TH] to start new table header cells inside table rows.

Example:: [TABLE]
[TR]
[TH]Header 1[/TH]
[TH]Header 2[/TH]
[/TR]
[TR]
[TD]Cell 1 1[/TD]
[TD]Cell 1 2[/TD]
[/TR]
[TR]
[TD]Cell 2 1[/TD]
[TD]Cell 2 2[/TD]
[/TR]
[/TABLE]

Output:

Header 1	Header 2
Cell 1 1	Cell 1 2
Cell 2 1	Cell 2 2

[TH=vertical align], [TD=vertical align] - Tables (Advanced)

Changes vertical align of table cells and table header cells.

Example:: [TABLE][TR]
[TD]1
2
3[/TD][TD=top]Top[/TD]
[TD=middle]Middle[/TD]
[TD=bottom]Bottom[/TD]
[/TR][/TABLE]

Output:

1
2
3

Top

Middle

Bottom

[TABLE=class] - Tables (Advanced)

Changes the appearance of tables depending on the classes chosen. Multiple classes can be used, separated by a space.

Example:: [TABLE=nofullwidth]
[TR][TD]A table that is not full width[/TD][/TR][/TABLE]

[TABLE=center-nofullwidth]
[TR][TD]A centered table.[/TD][/TR][/TABLE]

[TABLE=right-nofullwidth]
[TR][TD]A right aligned table.[/TD][/TR][/TABLE]

[TABLE=noborder]
[TR][TD]A table with no border.[/TD][/TR][/TABLE]

[TABLE=nobackground]
[TR][TD]A table that[/TD][/TR][TR][TD]doesn't color rows differently[/TD][/TR][/TABLE]

[TABLE=collapse]
[TR][TD]A table that[/TD][TD] has non-equal width columns.[/TD][/TR][/TABLE]

Output:

A table that is not full width

A centered table.

A right aligned table.

A table with no border.

A table that

doesn't color rows differently

A table that

has non-equal width columns.

[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

[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.

[HIDE], [HIDEREPLY], [HIDETHANKS], [HIDEPOSTS], [HIDEREPLYPOSTS] - Hide content from users

Hide content from users depending on various circumstances. [HIDEREPLY] - Hides content until user has replied to the subject. [HIDETHANKS] - Hides content until user has liked the content. [HIDEREPLYTHANKS] - Hides content until user has replied to the subject or liked the content. [HIDEPOSTS] - Hides content until user has a certain number of posts. [HIDE] - Works like [HIDEREPLY].

Example:: [HIDE]You can view this content.[/HIDE]
[HIDEREPLY]You can view this content.[/HIDEREPLY]
[HIDETHANKS]You can view this content.[/HIDETHANKS]
[HIDEREPLYTHANKS]You can view this content.[/HIDEREPLYTHANKS]
[HIDEPOSTS]You can view this content.[/HIDEPOSTS]

Output:: You need to reply to this in order to see this content.
Click to expand...

You need to reply to this in order to see this content.

You need to like this in order to view this content.

You need to like or reply to this in order to see this content.

You are not allowed to view this content.

[SPOILER] - Spoiler

custom_bb_code_desc.Spoiler

Example:: [Spoiler]Some Text[/Spoiler]

Output:: custom_bb_code_output.Spoiler

[EPALBUM] - custom_bb_code_title.epalbum

custom_bb_code_desc.epalbum

Example:: custom_bb_code_example.epalbum

Output:: custom_bb_code_output.epalbum

[HIDE] - Hide

Hide until replied

Example:: [hide]CONTENT[/hide]

Output:: You need to reply to this in order to see this content.
Click to expand...

[LINKBUTTON=option] - Link Button

Example:: [linkbutton='https://google.com']My Test Button[/linkbutton]

Output:: My Test Button

[MENTION] - Mention

custom_bb_code_desc.mention

Example:: [mention]Username[/mention]

Output:: custom_bb_code_output.mention

[MMONLY] - MM Only Content

Example:: [mmonly]This is a text and content only for MM[/mmonly]

Output:

[STAFF] - Staff Only Content

The data inside this tag could be displayed only to Staff Members.

Example:: [staff]This is a text and content only for Staff[/staff]

Output:: Only staff can view this content.

[STRIKE] - Strike

custom_bb_code_desc.strike

Example:: [strike]strikeout text[/strike]

Output:: custom_bb_code_output.strike

[TGURL=option] - TG URL

Used internally to load TG URLs in the chat background

Example:: [tgurl='https://google.com']My TG URL[/tgurl]

Output:: My TG URL

BB codes

Help

[B], [I], [U], [S] - bold, Italic, Underline, Struck-through

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

[URL], [EMAIL] - Linking

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

[USER=ID] - Profile Linking

[IMG] - Image

[MEDIA=site] - Embedded Media

[LIST] - Lists

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

[QUOTE] - Quoted text

[SPOILER] - Text containing spoilers

[CODE] - Programming code display

[ICODE] - Inline programming code display

[TABLE], [TR], [TH], [TD] - Tables

[TH=vertical align], [TD=vertical align] - Tables (Advanced)

[TABLE=class] - Tables (Advanced)

[INDENT] - Text indent

[PLAIN] - Plain text

[ATTACH] - Attachment insertion

[HIDE], [HIDEREPLY], [HIDETHANKS], [HIDEPOSTS], [HIDEREPLYPOSTS] - Hide content from users

[SPOILER] - Spoiler

[EPALBUM] - custom_bb_code_title.epalbum

[HIDE] - Hide

[LINKBUTTON=option] - Link Button

[MENTION] - Mention

[MMONLY] - MM Only Content

[STAFF] - Staff Only Content

[STRIKE] - Strike

[TGURL=option] - TG URL