Page 1 of 1

BBCode Formatting Samples

Posted: 2021-Feb-09 19:03
by arceus0
Showcase of the BBCode tags added for this forum.

The basic BBCode tags copy without problems from the old forum and from most BBCode forum platforms.

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

Superscript and subscript are standard HTML and standard in various BBCode derivations.

EVIL text is translated as closely as possible-style-wise, from TVTropes.

Re: BBCode Formatting Samples

Posted: 2021-Jun-26 18:08
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]
Col1 Col2
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]

Re: BBCode Formatting Samples

Posted: 2021-Nov-04 03:08
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)".