• [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][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://haven-online.com/var(--xf-publicLogoUrl)[/IMG]
    Output:
    var(--xf-publicLogoUrl)

  • [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: ABC News, Acast, Anchor, Apple Music, Apple Podcasts, Audioboom, Audiomack, Audius, Bandcamp, BBC News, BitChute, Bluesky, Brightcove, Bunny Stream, Captivate, Castos, CBS News Video, Clyp, CNBC, CNN, CNNMoney, CodePen, Comedy Central, Coub, Dailymotion, Democracy Now!, dumpert, 8tracks, ESPN, Facebook, Falstad Circuit Simulator, Flickr, Fox News, Funny or Die, Gamespot, Getty Images, Gifs.com, GIPHY, GitHub Gist, Global News, GoFundMe, Google Drive, Google Sheets, Hudl, Hulu, IGN, IMDb trailers, Indiegogo, Instagram, Internet Archive, İzlesene, JSFiddle, JW Platform, Kaltura, Kontinental Hockey League (КХЛ), Kickstarter, Libsyn, Livestream, Mail.Ru, Mastodon, Medium, Megaphone, Metacafe, Mixcloud, MLB, MRCTV, MSNBC, Nacho Video, National Geographic Channel, National Geographic Video, NBC News, NHL Videos and Highlights, NPR, The New York Times Video, Odysee, On3 DB, Orfium, Pastebin, Pinterest, Podbean, Prezi, Reddit threads and comments, Rumble, Rutube, Scribd, Sendvid, SlideShare, SoundCloud, Sporcle, Sportsnet, Spotify, Spreaker, Steam store, Straw Poll, Streamable, Team Coco, TED Talks, Telegram, The Atlantic Video, The Guardian (obsolete), The Onion, Threads, TikTok, TMZ, TradingView, Trailer Addict, Trending Views, Tumblr, 247Sports, Twitch, X, Ustream, VBOX7, Veoh, Vevo, Video Detective, Vimeo, Vine, VK, Vocaroo, Vox, Washington Post Video, Wavekit, Wistia, WorldStarHipHop, The Wall Street Journal Online, GameClips.io, Gamer DVR, Youku, YouMaker, 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
    Read more
    A person said:
    Something they said
    Read more

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

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

  • [ATTACHREUSE] - Attachment Manager - Reuse

    Allows you to reuse any attachments
    Example:
    [ATTACHREUSE]Attachment IDs[/ATTACHREUSE]
    Output:
    [ATTACHREUSE]

  • [BG=option] - Background

    Custom color background to go behind text or an image.
    Example:
    [bg=lightblue]This text has a light blue background.[/bg]

    [bg=#222]This text has a dark background.[/bg]

    [bg=rgba(255, 0, 0, 0.3)]This one uses a semi-transparent red.[/bg]
    Output:
    This text has a light blue background.


    This text has a dark background.


    This one uses a semi-transparent red.

  • [CHARGE=option] - Hide: Pay Currency

    Charging users to view your content.
    Example:
    [CHARGE=5]It costs 5 credits to see this text.[/CHARGE]
    Output:
    It costs 5 credits to see this text.

  • [COLLAPSE] [COLLAPSE=option] - Collapsible block

    Example:
    [COLLAPSE=Title]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/COLLAPSE]
    Output:
    Title
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

  • [DAYS=option] - Hide: Account Age

    Number of days from the date of registration on the forum, which the user needs to be able to view
    Example:
    [DAYS=5]Hello World![/DAYS] - Only registered users who are registered not earlier than 5 days ago are displayed.
    Output:
    To view the content, you need to Sign In or Register.
    - Only registered users who are registered not earlier than 5 days ago are displayed.

  • [ED] - Triggering text

    Hides triggering text from those who have chosen to hide it.
    Example:
    [ed]triggering text here[/ed]
    Output:
    triggering text here

  • [GALLERY=option] - Gallery embed

    BB code for displaying gallery media items and albums.
    Example:
    [GALLERY=media, X]Gallery BB Code[/GALLERY]
    Output:
    [GALLERY=media, X]Gallery BB Code[/GALLERY]

  • [GROUP=option] - Social group embed

    BB code for displaying social groups.
    Example:
    [GROUP=X]Group BB Code[/GROUP]
    Output:
    [GROUP=X]Group BB Code[/GROUP]

  • [GROUPS=option] - For user groups

    The tag hides content from people who are not members of X,Y,Z user groups.
    Example:
    [GROUPS=2]Hello World![/GROUPS] - Displayed only for group members with ID 2.
    Output:
    Content of this hidden block can only be seen by members of: Registered
    - Displayed only for group members with ID 2.

  • [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:
    You must reply and react to see this content.
    - only registered users see the hidden text
    You must reply and react to see this content.
    - 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.
    You must reply and react to see this content.
    - 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.
    You must reply and react to see this content.
    - 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".
    You must reply and react to see this content.
    - 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.
    You must reply and react to see this content.
    - The hidden text "Hello World!" will be displayed if the user is a staff member.

  • [HIDEUSERAGE=option] - Hide Content by User Age

    This BB code hides content from users who have not reached a specified age.
    Example:
    [hideuserage=18]This content is only visible to users who are at least 18 years old.[/hideuserage]
    Output:
    To view the content, you need to Sign In or Register.

  • [LIKES=option] - Number of likes

    Number of likes on the forum, which the user needs to be able to view
    Example:
    [LIKES=5]Hello World![/LIKES] - Displayed only registered users whose number of reactions on the forum is greater than or equal to 5.
    Output:
    To view the content, you need to Sign In or Register.
    - Displayed only registered users whose number of reactions on the forum is greater than or equal to 5.

  • [PARA] - Paragraph Indent

    Indent the first line of a paragraph
    Example:
    [para]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/para]
    Output:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • [POSTS=option] - Hide: Post Count

    Number of posts on the forum, which the user needs to be able to view
    Example:
    [POSTS=5]Hello World![/POSTS] - Displays users who have 5 or more posts on the forum.
    Output:
    To view the content, you need to Sign In or Register.
    - Displays users who have 5 or more posts on the forum.

  • [REACTS=option] - By the reactions

    Hidden Content. Specific reaction required to view.
    Example:
    [REACTS=1]Hello World![/REACTS] - displayed for those who clicked the 'Like' reaction.
    Output:
    To view the content, you need to Sign In or Register.
    - displayed for those who clicked the 'Like' reaction.

  • [REPLY] - Hide: Reply

    Reply to view hidden content.
    Example:
    [REPLY]Hello World![/REPLY] - Displayed to users when they reply to the thread.
    Output:
    To view the content, you need to Sign In or Register.
    - Displayed to users when they reply to the thread.

  • [REPLYANDTHANKS] - Hide: Reply & React

    Reply and react to view hidden content.
    Example:
    [REPLYANDTHANKS]Hello World![/REPLYANDTHANKS] - It is displayed to users when they reply and react.
    Output:
    To view the content, you need to Sign In or Register.
    - It is displayed to users when they reply and react.

  • [TAB] [TAB=option] - Tab

    One button inside [TABS]. The name after = is the button text.
    Example:
    [TABS]
    [TAB=First]One[/TAB]
    [TAB=Second]Two[/TAB]
    [/TABS]
    Output:
    One
    Two

  • [TABS] [TABS=option] - Spoiler tabs

    A row of spoiler buttons. One [TAB=Button name] per button; its content opens below. [TABS=open] opens the first, [TABS=2] the second.
    Example:
    [TABS]
    [TAB=Stats]Hidden stats go here[/TAB]
    [TAB=Challenges]Hidden challenges go here[/TAB]
    [/TABS]
    Output:
    Hidden stats go here
    Hidden challenges go here

  • [THANKS] - Hide: React

    React to view hidden content.
    Example:
    [THANKS]Hello World![/THANKS] - This tag hides the text until the user Reacts to the the message.
    Output:
    To view the content, you need to Sign In or Register.
    - This tag hides the text until the user <b>Reacts</b> to the the message.

  • [TICKER] [TICKER=option] - Ticker

    Shows one of your tickers. Find the code on your Tickers page.
    Example:
    [ticker]12[/ticker]
    Output:
    custom_bb_code_output.ticker

  • [TIMELINE] - Timeline

    A graph timeline.
    Example:
    [timeline]
    [tleft=2018]Haven is built![/tleft]
    [tright="2019"]Haven updates to V2~[/tright]
    [tleft="2020"]Haven hits one million posts![/tleft]
    [tright="2022"]Haven updates to V3!!![/tright]
    [/timeline]
    Output:

    2018

    Haven is built!


    2019

    Haven updates to V2~


    2020

    Haven hits one million posts!


    2022

    Haven updates to V3!!!


  • [TROPHIES=option] - Number of trophies

    Number of trophies on the forum, which the user needs to be able to view
    Example:
    [TROPHIES=5]Hello World![/TROPHIES] - It is displayed only to registered users, the number of points for trophies on the forum which is greater than or equal to 5.
    Output:
    To view the content, you need to Sign In or Register.
    - It is displayed only to registered users, the number of points for trophies on the forum which is greater than or equal to 5.

  • [UBS=option] - Journal Embed

    BB code for displaying journals, journal entries, pages and series. X is the number at the end of the url when viewing the entry.
    Example:
    [UBS=blog_entry, X]Journal Entry BBCode[/UBS]
    Output:
    [UBS=blog_entry, X]Journal Entry BBCode[/UBS]

  • [USERS=option] - For users

    Hides the text from users, except for the parameters listed in the list of BB-code.
    Example:
    [USERS=Alex,John,Bryan]Hello World![/USERS] - Displayed only by user Alex, John, Bryan.
    Output:
    Hidden text for users:
    - Displayed only by user Alex, John, Bryan.

  • [USERSEXC=option] - Exclude users

    Hides the text from users that is listed in the list of parameters of the BB-code.
    Example:
    [USERSEXC=Alex,John,Bryan]Hello World![/USERSEXC] - Displayed to all users except Alex, John, Bryan.
    Output:
    To view the content, you need to Sign In or Register.
    - Displayed to all users except Alex, John, Bryan.

  • [USERSID=option] - Users by id

    Hides the text from users by id, except for the parameters listed in the list of BB-code.
    Example:
    [USERIDS=1,2,3]Hello World![/USERIDS] - Appears only for users with ids 1, 2, 3.
    Output:
    [USERIDS=1,2,3]Hello World![/USERIDS] - Appears only for users with ids 1, 2, 3.

  • [USERSIDEXC=option] - Exclude users by id

    Hides the text from users by id that are listed in the list of parameters of the BB-code.
    Example:
    [USERSIDEXC=1,2,3]Hello World![/USERSIDEXC] - Appears only for all users except with ids 1, 2, 3.
    Output:
    To view the content, you need to Sign In or Register.
    - Appears only for all users except with ids 1, 2, 3.