Text For(u)matting; or, How To Create Spoiler Tags

rejj

I never knew colour was possible. This is dangerous info!

fridgeboy

captain this is a real service to all! Thanks @captain. Getting ending U was a real pain, but it helps your fellow forum members. Too bad it deletes your account after posting.

captain

fridgeboy lol I’m trying so hard to resist buying Nier

shane

Here’s two good examples of how to format text

The formatter flarum uses https://s9etextformatter.readthedocs.io/Bundles/Forum/#bbcodes
Some more examples https://freeflarum.com/docs/how-to/extensions/bbcode/

SuperEffective

you could also format lists in a table like this:

list 1
list 2
list 3

just use this symbol “>” before what you are listing

Kez

If you put >! in front of some text you can create a “Details” button that lets you toggle all of its content, like so:

captain

Kez NNNNNICE!

saddleblasters

Something that I don’t see mentioned here that I had to figure out for myself just now is that if you want multiple paragraphs in the expandable details tab, you need to put a new >! in front of each double-line-break separated block of text. This will put all of the paragraphs in the same details tab, not in separate ones, which is what I was worried would happen.

beets

How to do tables

(link to docs)

Syntax:

|Header 1 (left aligned) | Header 2 (center aligned) | Header 3 (right aligned) | |:--- | :-------:| ------------:| | Cell 1 | Cell 2 | Cell3 | | cell 3 | cell 4 | cell 6 |

Example:

Header 1 (left aligned)	Header 2 (center aligned)	Header 3 (right aligned)
Cell 1	Cell 2	Cell3
cell 3	cell 4	cell 6

The second line defines how the column will be aligned or justified. The number of - doesn’t matter.

Gaagaagiins

beets

Also as I just learned.

How to Format Code

Syntax:
write code with this character: ` at the start and end fo your line

Example:
write code with this character: at the start and end of your line

or

Syntax:
Use [code] at the start and [/code] at the end of your line.
Example

I am writing code

bool IsUserCool(string _user)
{
     if (InsertCreditForums.Contains(_user))
     {
         return true;
     } 
     printf( "join the forums for a fun time");
     return false;
}

this one is good for doing code blocks and has fancy colours too.

rejj

beets
One can also use triple-backticks ``` to wrap code blocks

Also regarding tables, I found that the markdown to html conversion really wanted to squash columns together, so I had to add a dummy column with an XX in the last row, using forum formatting to make it the same colour as the background ([color="#1a1a1a"]XX[/color]). This was especially noticeable in cases where the headings were longer than any value in their column (such as in your example above)

eg:

| Long heading name | | Other heading | |:-- |:-- | --:| | value | | 3 | | thing | | 5 | | | [color="#1a1a1a"]XX[/color] | |

produces:

Long heading name		Other heading
value		3
thing		5
	XX

Use this easy markdown table generator to help you. It allows you to upload a csv or just paste data in from your clipboard

(tagging Gaagaagiins here also just to make sure)