BBCode Formatting Samples

General information about the WAAPT Forum.
Post Reply
arceus0
Site Admin
Posts: 5
Joined: 2021-Jan-Thu 03:15 am

BBCode Formatting Samples

Post by arceus0 »

Showcase of the BBCode tags added for this forum.


Native text formatting:

Code: Select all

[b]bold[/b] , [i]italic[/i], [u]underline[/u], [s]strikethrough[/s]
bold , italic, underline, strikethrough

Other text formatting:

Code: Select all

[sub]subscript[/sub]
[sup]superscript[/sup]
[ff=cursive]cursive text[/ff]
[ff=fantasy]fantasy text[/ff]
[EVIL]evil text[/EVIL]
subscript
superscript
cursive text
fantasy text
evil text

arceus0
Site Admin
Posts: 5
Joined: 2021-Jan-Thu 03:15 am

Re: BBCode Formatting Samples

Post by arceus0 »

Layout Samples

The forum adds a few bbcode extensions to mark text layout, in particular for headers and tables.

Headings and Sections

Code: Select all

[h1]Header 1[/h1]
[h2]Header 2[/h2]
[h3]Header 3[/h3]
[h4]Header 4[/h4]
[h5]Header 5[/h5]
Horizontal line:
[hr][/hr]

Header 1

Header 2

Header 3

Header 4

Header 5
Horizontal line:
:idea: phpBB uses headers h1 and h2 as built-in to organize and style forum sections and posts, so where possible, headings in posts by users should use h3, h4 and h5 instead, which also style better as content for posts.

Tables

This bbcode forum also implements the HTML tags for constructing simple tables. The implementation is intentionally simple and no more options are provided.

Code: Select all

[table]
[tr] [td] A, 1 [/td][td] A, 2 [/td][/tr]
[tr] [td] B, 1 [/td][td] B, 2 [/td][/tr]
[/table]
A, 1 A, 2
B, 1 B, 2

Media Support

This section is in the works.

Code: Select all

[audio](pending)[/audio]
[video](pending)[/video]
[youtube]dQw4w9WgXcQ[/youtube]

[audio](pending)[/audio]
[video](pending)[/video]

arceus0
Site Admin
Posts: 5
Joined: 2021-Jan-Thu 03:15 am

Re: BBCode Formatting Samples

Post by arceus0 »

Because why not, we now have also added the capability for rubytext / furigana annotations. The syntax ATM is simple and limited to simple expressions, such as words; most importantly, how it will look in the end really depends on the browser you're using and the display / font configurations, but it's there for when it's wanted. It will be useful for providing annotations even in English, such as pronounciation, translation or semantic notes. Useful for writers!

Syntax:

Code: Select all

A word to greet a person with is "[ruby="hell-oh"]hello[/ruby]".
Sample: A word to greet a person with is "hello(hell-oh)".

Post Reply