BB codes

  • [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:
  • [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:
  • [USER=ID] - Profile Linking

    Links to a user's profile. This is generally inserted automatically when mentioning a user.
    Example:
    [USER=1]User name[/USER]
    Output:
  • [IMG] - Image

    Display an image, using the wrapped text as the URL.
    Example:
    [IMG]https://chroniclesrp.net/styles/default/xenforo/bw_logo200.png[/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, Dailymotion, Facebook, Flickr, Giphy, Imgur, Instagram, Liveleak, Metacafe, Pinterest, Reddit, SoundCloud, Spotify, Tumblr, Twitch, Twitter, 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], [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
    A person said:
    Something they said
  • [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 blocks [ICODE]are a convenient way[/ICODE] of displaying code inline.
    Output:
    Inline code blocks are a convenient way of displaying code inline.
  • [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
  • [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.
  • [AUTOLINK] - custom_bb_code_title.autolink

    custom_bb_code_desc.autolink
    Example:
    custom_bb_code_example.autolink
    Output:
    custom_bb_code_output.autolink
  • [BLOCKQUOTE=option] - Block Quote

    Adds a styled block quote. Use the option to reference the source.
    Example:
    [blockquote=Einstein]Two things are infinite: the universe and human stupidity; and I'm not sure about the universe.[/blockquote]
    Output:
    Two things are infinite: the universe and human stupidity; and I'm not sure about the universe. Einstein
  • [BOOKINDEX] - Book Index

    Lists all chapters in the specified book in chapter order. Enter a book title.
    Example:
    custom_bb_code_example.bookindex
    Output:
    custom_bb_code_output.bookindex
  • [CATEGORY] - Legacy Category Tag

    In very old versions of VaultWiki, this tag added the page that used it to the specified category. Now this tag is only used when importing from other wikis that still use those old versions.
    Example:
    custom_bb_code_example.category
    Output:
    custom_bb_code_output.category
  • [CHAR] - Char

    Insert a special character into your text.
    Example:
    custom_bb_code_example.char
    Output:
    custom_bb_code_output.char
  • [FLOAT_LEFT] - Float Left

    Float content left, enabling text to wrap around it.
    Example:
    [FLOAT_LEFT]This content is floated left.
    Adjacent text will wrap
    around it.[/FLOAT_LEFT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    This content is floated left.
    Adjacent text will wrap
    around it.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
  • [FLOAT_RIGHT] - Float Right

    Float content right, enabling text to wrap around it.
    Example:
    [FLOAT_RIGHT]This content is floated right.
    Adjacent text will wrap
    around it.[/FLOAT_RIGHT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    This content is floated right.
    Adjacent text will wrap
    around it.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
  • [FOOTNOTE] [FOOTNOTE=option] - Footnote

    Add footnotes to Vault articles.
    Example:
    custom_bb_code_example.footnote
    Output:
    custom_bb_code_output.footnote
  • [FORUMINDEX] - Forum Index

    Lists all threads from the specified forum in alphabetical order. Enter a forum ID to select the forum.
    Example:
    custom_bb_code_example.forumindex
    Output:
    custom_bb_code_output.forumindex
  • [GALLERY] - Gallery

    Create a gallery of wiki images.
    Example:
    custom_bb_code_example.gallery
    Output:
    custom_bb_code_output.gallery
  • [H=option] - Headline

    Add section headlines to your post.
    Example:
    custom_bb_code_example.h
    Output:
    custom_bb_code_output.h
  • [HR] - Horizontal Line

    Creates a horizontal line spanning a width you specify.
    Example:
    custom_bb_code_example.hr
    Output:
    custom_bb_code_output.hr
  • [IF] [IF=option] - Condition

    Only has an effect when used inside a template, and only when the template is used by another page. The content shows when the condition evaluates to true. When the condition evaluates to false, any content designated by the ELSE tag will be used instead.
    Example:
    custom_bb_code_example.if
    Output:
    custom_bb_code_output.if
  • [IMG2X=option] - img2x

    Image with a custom width and auto height
    Example:
    [img2x=500]url of image to resize to 500 pixels wide[/img2x]
    Output:
  • [IMGL] - Image left responsive

    Image that will float right. Will change width to 100% on mobile.
    Example:
    [IMGL]https://chroniclesrp.net/styles/xenith/xenforo/avatars/avatar_s.png[/IMGL]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
  • [IMGR] - Image right responsive

    Image that floats right. Will change width to 100% on mobile.
    Example:
    [IMGR]https://chroniclesrp.net/styles/xenith/xenforo/avatars/avatar_s.png[/IMGR]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
  • [INCLUDEONLY] - Include Only

    Only has an effect when used inside a template. The content does not show when viewing the template itself. The content shows in another page that uses the template.
    Example:
    custom_bb_code_example.includeonly
    Output:
    custom_bb_code_output.includeonly
  • [INJECT] - Wiki Content Inclusion

    Create a link to an article with the Wiki Content Inclusion prefix.
    Example:
    custom_bb_code_example.inject
    Output:
    custom_bb_code_output.inject
  • [NOEDIT] - No-Edit

    Prevents sections in these tags from being edited.
    Example:
    custom_bb_code_example.noedit
    Output:
    custom_bb_code_output.noedit
  • [NOINCLUDE] - No Include

    Only has an effect when used inside a template. The content only shows when viewing the template itself. The content does not show in pages that uses the template.
    Example:
    custom_bb_code_example.noinclude
    Output:
    custom_bb_code_output.noinclude
  • [ONLYINCLUDE] - Only Include

    Only has an effect when used inside a template. The content does not show when viewing the template itself. The content is the only part of the template that shows in another page that uses the template; other parts of the template are not used.
    Example:
    custom_bb_code_example.onlyinclude
    Output:
    custom_bb_code_output.onlyinclude
  • [REFLIST] - Reference List

    Show the footnotes for a particular post.
    Example:
    custom_bb_code_example.reflist
    Output:
    custom_bb_code_output.reflist
  • [SHOWTHREADS] - Show Threads

    Lists threads with the most recent posts from the specified forum. Enter a forum ID to select the forum.
    Example:
    custom_bb_code_example.showthreads
    Output:
    custom_bb_code_output.showthreads
  • [TEMPLATE] - Template Inclusion Tag

    Include the content of the specified template in the current wiki page.
    Example:
    custom_bb_code_example.template
    Output:
    custom_bb_code_output.template
  • [TOC] - Table of Contents

    Insert the table of contents somewhere specific in the current article.
    Example:
    custom_bb_code_example.toc
    Output:
    custom_bb_code_output.toc
  • [VAR] - Variable

    Add a wiki variable to the page.
    Example:
    custom_bb_code_example.var
    Output:
    custom_bb_code_output.var
  • [WEBM] [WEBM=option] - WEBM Video

    Embed an autoplaying HTML 5 video. Has an option to link to a still image in case the viewer can't see HTML 5 videos.
    Example:
    [webm="image.png"]video.webm[/webm]
    Output:
  • [WIDGET] - Widget

    Create a variety of wiki-based and custom widgets.
    Example:
    custom_bb_code_example.widget
    Output:
    custom_bb_code_output.widget