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.
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.
[right]text[/right]: Aligns the text to the right.
[left]text[/left]: Aligns the text to the left.
[justify]text[/justify]: Justifies the text.
Embedding Images
[img]URL[/img]: Embeds an image in your post.
Creating Hyperlinks
[url=URL]text[/url]: Creates a hyperlink to the specified URL.