This is a guide for text formatting on this website whenever it is allowed, which is most text fields.
The majority is done through BB Code, which is a simplified version of HTML code used in forums and similar to offer an easy way to format messages.
This site uses the jBBCode library to integrate such functionality.
We also have support for :emoji: and @mentions!
Basic text formatting includes bold, italics, underline, and strikethrough text. You can make bold text with the [b] tag, italics with [i], add underlines using [u] and strikethrough text with [s].
With the [color] tag you can easily color text. You can do it with color names or with HEX codes.
Using the [background] tag you can choose a background color for sections of text. Supports the same kind of color codes as the [color] tag.
There are a few tags that can be used to change the size of sections of text.
They are the following: [large], [big], [small], and [tiny].
Here's an example of how they look like:
There's two ways of creating hyperlinks. You can use the URL alone, or put it as a parameter and then the text that will be displayed between the tags.
You can use the [img] tag to display images.
If you want, you can also add alt text (using "quotes" for more than one word) which will display when hovering over the picture or if it can't load. It's also useful to screen readers.
Images generated with bbcode will also have an icon at their bottom right corner that will only show when hovering over it (or after tapping on it on mobile). This button will display the image on fullscreen mode, including its description (if any).
You can quote something another person said by using the [quote] tag.
Someone said this, but who knows who it was.
You can also specify who's the author of the quote!
To put more than one word as the author you will have to surround it by "double quotes" (unless you're using the quote pop-up), or put a @ at the beginning to tag a user.
I definitely said this at some point! I think.
It was me who said the thing. But who am I, I wonder.
Quotes can be nested, but they won't be displayed after the second level of depth to prevent performance issues.
With the [ul] (or [list]) tag you can create bullet lists, and with [ol] (or [orderedlist]) you can make numeric ones. Then with [li] you can define the items inside.
You can also create tables! They are a bit more complex, since you will need the [table] tag to create the table, then [tr] to create rows inside the table, and finally [td] inside the rows to create cells.
Alternatively, you can use the [table_h] tag instead if you want the first row to be a header.
| ID | Name | Quantity |
| 1 | Apples | 5 |
| 2 | Pears | 8 |
| ID | Name | Quantity |
| 1 | Apples | 5 |
| 2 | Pears | 8 |
You can also choose how to center your text. Using one of these tags will make it so the text has full-width and aligns the way you chose, like in the following example:
You can make foldable sections with [hide]. This is useful to hide information that would be a spoiler, large blocks of text, or image galleries.
You can hide words or small pieces of text with the [spoiler] tag. Text surrounded by these tags will be covered and will reveal itself after clicking on it.
Formatting tags inside spoiler tags will not work! Only emojis and mentions will work alongside plain text.
You can use mentions to link to a user profile. If you mention someone in a comment that user will be notified. Mentions will not turn into links if the username doesn't match any existing user.
You can use regular emoji in almost every text field of the website, but we also offer custom emoji! To use these, you only have to type their name between semi-colons :like_this: or use the button on the text editor toobar (or right here) to browse and pick emojis.
.
