BB codes

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

    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.

  • [COLOR=color], [BGCOLOR=color], [FONT=font], [SIZE=size] - Background color, Text color, Font, Size

    Advanced text formatting options for wrapped text.
    Example:
    This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
    This is [BGCOLOR=#FAA]red[/BGCOLOR] and [BGCOLOR=#AAF]blue[/BGCOLOR] highlighted 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 red and blue highlighted text.
    This is Courier New text.
    This is [SIZE=1]small[/SIZE] and [SIZE=7]big[/SIZE] text.

  • [SUB], [SUP] - Subscript, Superscript

    Position wrapped text.
    Example:
    This is [SUB]subscript[/SUB] text.
    This is [SUP]superscript[/SUP] text.
    Output:
    This is subscript text.
    This is superscript 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://noob.christmas/var(--xf-publicLogoUrl)[/IMG]
    Output:
    var(--xf-publicLogoUrl)

  • [VIDEO] - Video

    Displays a video, using the wrapped text as the URL.
    Example:
    [VIDEO]https://noob.christmas/styles/editor-manager/missing-video.mp3[/VIDEO]

    [VIDEO='width:300']https://noob.christmas/styles/editor-manager/missing-video.mp3[/VIDEO]
    Output:


  • [AUDIO] - Audio

    Displays an audio player, using the wrapped text as URL.
    Example:
    [AUDIO]https://noob.christmas/styles/editor-manager/missing-audio.mp3[/AUDIO]
    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, Bluesky, 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.

  • [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], [RIGHT], [CENTER], [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. 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.​

  • [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:
    Simple spoiler
    Spoiler with a title

  • [ISPOILER] - Inline text containing spoilers

    Hides text that may contain spoilers so that it 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.

  • [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 1Header 2
    Content 1Content 2

  • [TABLE=class] - Tables (Advanced)

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

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

  • [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], [HIDEPOSTS], [HIDEREPLY], [HIDETHANKS], [HIDEREPLYTHANKS], [HIDEGROUP] - Hide content

    Hides wrapped text until certain conditions are fullfilled.
    Example:
    [HIDE]Hides wrapped content.[/HIDE]

    [HIDEPOSTS]Hides until user reached number of posts.[/HIDEPOSTS]

    [HIDEREPLY]Hides content until viewer replied to thread.[/HIDEREPLY]

    [HIDETHANKS]Hides content until viewer reacted to content.[/HIDETHANKS]

    [HIDEREPLYTHANKS]Hides content until viewer replied to thread or reacted to content.[/HIDEREPLYTHANKS]

    [HIDEGROUP=administrator]Hides content for non-administrators.[/HIDEGROUP]
    Output:
    ERROR 403


    Hidden content
    You need -1 more posts to view this content
    Hidden content
    You need to reply to this thread in order to see this content.
    Hidden content
    You need to react to this post in order to see this content.
    Hidden content
    You need to reply to this thread or react to this post in order to see this content.
    Hidden content
    You need to be in at least one of the following groups to see this content: Administrator

  • [HIDE] [HIDE=option] - For registered users only

    Tag [HIDE] is used for hidden content. If [HIDE=(condition)] is specified, the condition will be applied to the hidden content. Note: After the = sign, you must enclose the conditions in parentheses to indicate the start and end of condition processing. Inside, you can use any condition grouping.

    Allowed expressions (tags):

    • posts: Number of user posts.
    • likes: User reaction count.
    • reactions: User reaction count (same as likes).
    • trophies: Number of user trophies.
    • days: Number of days since user registration.
    • isMemberOf(id): User group, for multiple groups you can use comma-separated values.
    • username: User's username.
    • user_id: User's identifier.
    • user_state: User's state.
    • is_staff: Flag indicating whether the user is a staff member.
    • is_admin: Flag indicating whether the user is an administrator.
    • is_moderator: Flag indicating whether the user is a moderator.

    Allowed operators:

    • Arithmetic operators:
      Arithmetic operators are used for performing mathematical calculations:
      • +
      • -
      • *
      • /
      • % (modulus)
      • ** (exponentiation)
    • Comparison operators:
      Comparison operators are used for comparing values and returning a boolean result:
      • == (equal to)
      • === (strictly equal to)
      • != (not equal to)
      • !== (strictly not equal to)
      • < (less than)
      • > (greater than)
      • <= (less than or equal to)
      • >= (greater than or equal to)
    • Logical operators:
      Logical operators are used for performing logical operations and returning a boolean result:
      • and or && (logical AND)
      • or or || (logical OR)
      • not or ! (logical NOT)
    • Bitwise operators:
      Bitwise operators are performed on binary representations of numbers:
      • & (bitwise AND)
      • | (bitwise OR)
      • ^ (bitwise XOR)
    • String operators:
      The ~ operator is used for string concatenation:
      • ~ (string concatenation)
    • Array operators:
      Array operators are used for checking element membership in an array:
      • in (element present in array)
      • not in (element not present in array)
    • Numeric operators:
      The .. operator is used to create a range of numbers:
      • .. (number range)
    • Ternary operator:
      The ?: operator is used to perform conditional operations in a single line:
      • ?: (ternary operator)
    Example:
    [HIDE]Hello World![/HIDE] - only registered users see the hidden text
    [HIDE=(posts > 1 or likes > 1)]Hello world![/HIDE] - The hidden text "Hello world!" will be displayed if the number of user posts is greater than 1 OR the number of likes is greater than 1.
    [HIDE=(posts > 1 and likes > 1)]Hello world![/HIDE] - The hidden text "Hello world!" will be displayed if the number of user posts is greater than 1 AND the number of likes is greater than 1.
    [HIDE=(days > 1 or user_state == "valid")]Hello World![/HIDE] - The hidden text "Hello World!" will be displayed if the number of days since user registration is greater than 1 OR the user state is "valid".
    [HIDE=(isMemberOf(2) or trophies >= 0)]Hello World![/HIDE] - The hidden text "Hello World!" will be displayed if the user is a member of group 2 OR the number of user trophies is greater than or equal to 0.
    [HIDE=(is_staff)]Hello World![/HIDE] - The hidden text "Hello World!" will be displayed if the user is a staff member.
    Output:
    ERROR 403
    - only registered users see the hidden text
    message > 1 (0) or like > 1 (0)
    - The hidden text "Hello world!" will be displayed if the number of user posts is greater than 1 OR the number of likes is greater than 1.
    message > 1 (0) and like > 1 (0)
    - The hidden text "Hello world!" will be displayed if the number of user posts is greater than 1 AND the number of likes is greater than 1.
    day > 1 (0) or User state is "valid" (valid)
    Hello World!
    - The hidden text "Hello World!" will be displayed if the number of days since user registration is greater than 1 OR the user state is "valid".
    Member group(s): Member or points >= 0 (0)
    Hello World!
    - The hidden text "Hello World!" will be displayed if the user is a member of group 2 OR the number of user trophies is greater than or equal to 0.
    Staff member
    - The hidden text "Hello World!" will be displayed if the user is a staff member.
Back
Top