Syntax:

bbcode(text)

Example:

{{bbcode('[b]hello[/b]')|raw}}

BBCode Usage Guide

This guide explains how to use various BBCodes to style text in your posts.

Embedding Custom Emojis

You can embed custom emojis by using the following syntax: :emoji_name<optional_number>:. Each emoji corresponds to a specific name, and you can optionally add a number to specify a variation of that emoji.

ami, anya, aru, aka, dauhanh, dora, le, menhera, moew, nam, pepe, qoobee, qoopepe, thobaymau, troll, dui, firefox, conan

Color and Background Color

[color=<color>]text[/color]: Changes the color of the text.
- Example: [color=red]This is red text[/color] will render as <span style="color:red">This is red text</span>.
[bcolor=<color>]text[/bcolor]: Changes the color of the text and makes it bold.
- Example: [bcolor=blue]This is bold blue text[/bcolor] will render as <span style="color:blue;font-weight:700">This is bold blue text</span>.

Quotes

[quote=<author>]text[/quote]: Creates a quote block with an optional author.

Example: [quote=John]This is a quote[/quote] will render as:

    <div class="quote">
        <div class="quote-title">Quote from <b>John</b></div>
        <div class="quote-content">This is a quote</div>
    </div>

Font Size

[size=<size>]text[/size]: Changes the font size of the text.
- Example: [size=20]This is 20px text[/size] will render as <span style="font-size:20px">This is 20px text</span>.

Specific Colors

[red]text[/red]: Changes the text color to red.
- Example: [red]This is red text[/red] will render as <span style="color:red">This is red text</span>.
[blue]text[/blue]: Changes the text color to blue.
- Example: [blue]This is blue text[/blue] will render as <span style="color:blue">This is blue text</span>.
[green]text[/green]: Changes the text color to green.
- Example: [green]This is green text[/green] will render as <span style="color:green">This is green text</span>.
[yellow]text[/yellow]: Changes the text color to yellow.
- Example: [yellow]This is yellow text[/yellow] will render as <span style="color:yellow">This is yellow text</span>.
[orange]text[/orange]: Changes the text color to orange.
- Example: [orange]This is orange text[/orange] will render as <span style="color:orange">This is orange text</span>.
[purple]text[/purple]: Changes the text color to purple.
- Example: [purple]This is purple text[/purple] will render as <span style="color:purple">This is purple text</span>.
[pink]text[/pink]: Changes the text color to pink.
- Example: [pink]This is pink text[/pink] will render as <span style="color:pink">This is pink text</span>.
[brown]text[/brown]: Changes the text color to brown.
- Example: [brown]This is brown text[/brown] will render as <span style="color:brown">This is brown text</span>.
[gray]text[/gray]: Changes the text color to gray.
- Example: [gray]This is gray text[/gray] will render as <span style="color:gray">This is gray text</span>.

Text Alignment

[center]text[/center]: Centers the text.

Example: [center]This is centered text[/center] will render as:

    <div style="text-align:center">This is centered text</div>

[right]text[/right]: Aligns the text to the right.

Example: [right]This is right-aligned text[/right] will render as:

    <div style="text-align:right">This is right-aligned text</div>

[left]text[/left]: Aligns the text to the left.

Example: [left]This is left-aligned text[/left] will render as:

    <div style="text-align:left">This is left-aligned text</div>

[justify]text[/justify]: Justifies the text.

Example: [justify]This is justified text[/justify] will render as:

    <div style="text-align:justify">This is justified text</div>

Embedding Images

[img]URL[/img]: Embeds an image in your post.

Example: [img]https://example.com/image.jpg[/img] will render as:

    <center>
        <a href="https://example.com/image.jpg" class="swipebox">
            <img class="LoadImage" src="https://example.com/image.jpg" border="2" onerror="this.onerror=null;this.src='https://i.imgur.com/806SpRu.png'" style="border-radius:1%;display:block;margin:0 auto;max-width:70%;max-height:70%"/>
        </a>
    </center>

Note: If the image fails to load, a default image (https://i.imgur.com/806SpRu.png) will be displayed instead.

Creating Hyperlinks

[url=URL]text[/url]: Creates a hyperlink to the specified URL.

Example: [url=https://example.com]Click here[/url] will render as:

    <i class="fa fa-link fa-spin"></i>
    <a rel="nofollow" target="_blank" href="https://example.com">Click here</a>