2025.10.06-03:08:05
This commit is contained in:
582
tinywiki/migrations/pages/bbcode.bbcode
Normal file
582
tinywiki/migrations/pages/bbcode.bbcode
Normal file
@@ -0,0 +1,582 @@
|
||||
[h1]BBCode used by TinyWiki[/h1]
|
||||
|
||||
[p]
|
||||
BBCode uses tags to lay out your page. Tags written as opened by [code][tag][/code] and closed by [code][/tag][/code]. Standalone tags close automatically.
|
||||
[/p]
|
||||
|
||||
[h2]Headers[/h2]
|
||||
[p]
|
||||
Headers are created by the [i]h[/i] tags. They range from [code][h1][/code] to [code][h6][/code]. You should start your page with a [code][h1][/code]-header. You shall only define one [code][h1][/code]-header in your page. It serves as the title displayed.
|
||||
[/p]
|
||||
|
||||
[p]
|
||||
You define headers as follows:
|
||||
[/p]
|
||||
[codeblock=bbcode][h1]Title header[/h1]
|
||||
[h2]Header 2[/h2]
|
||||
[h3]Header 3[/h3]
|
||||
[h4]Header 4[/h4]
|
||||
[h5]Header 5[/h5]
|
||||
[h6]Header 6[/h6][/codeblock]
|
||||
|
||||
Which render as:
|
||||
[/p]
|
||||
|
||||
[h1]Title header[/h1]
|
||||
[h2]Header 2[/h2]
|
||||
[h3]Header 3[/h3]
|
||||
[h4]Header 4[/h4]
|
||||
[h5]Header 5[/h5]
|
||||
[h6]Header 6[/h6]
|
||||
[hr]
|
||||
[h2]Paragraphs[/h2]
|
||||
[p]Paragraphs are created by the [code][p][/code] tag.[/p]
|
||||
|
||||
See the following code:
|
||||
[codeblock=bbcode]
|
||||
[hr]
|
||||
[p]This is a paragrpah.[/p]
|
||||
[p]And this is another one with a [b]encapsulated bold tag[/b].[/p]
|
||||
[hr][/codeblock]
|
||||
|
||||
This renders as:[hr]
|
||||
[p]This is a paragrpah.[/p]
|
||||
[p]And this is another one with a [b]encapsulated bold tag[/b].[/p]
|
||||
[hr]
|
||||
|
||||
[h2]Typography[/h2]
|
||||
[p]
|
||||
You can create [b]bold[/b] text with the [code][b][/code]-tag, [i]italic[/i] text with the [code][i][/code]-tag. To create text with [strong]strong emphasis[/strong], use the [code][strong][/code]-tag. [em]Emphasized text[/em] is created using the [code][em][/code]-tag. [u]Underlining text[/u] is done with the [code][u][/code]-tag, [s]Striked through[/s] text with the [code][s][/code]-tag. And to [mark]mark text[/mark] you can use the [code][mark][/code]-tag.
|
||||
[/p]
|
||||
[p]
|
||||
The tags described in the previous paragraph are rendered as semantic-HTML and handled by screen-readers accordingly.
|
||||
[/p]
|
||||
[p]
|
||||
If you want to show inline code, use the [code][code][/code]-tag. Code blocks can be can be created wtih the [code][codeblock][/code]-tag. You can also specify a language for codeblocks fields. this is done by using the [code][code=language][/code] option set to the codeblock-tag ([code][codeblock=bbcode][/code] is used to render the codeblock fields in this text).
|
||||
[/p]
|
||||
|
||||
[p]
|
||||
Line breaks are created with the [code][br][/code]-tag and horizontal rulers with the [code][hr][/code]-tag.
|
||||
[/p]
|
||||
[p]
|
||||
An example:
|
||||
[codeblock=bbcode][b]This text is bold.[/b][br]
|
||||
[i]This text is italic.[/i][br]
|
||||
[u]This is some underlined text.[/u][br]
|
||||
[s]We can also strike through some text.[/s][br]
|
||||
[strong]Here some text with strong emphasis.[/strong][br]
|
||||
[em]Emphasized text can also be created.[/em][br]
|
||||
[mark]And finally we mark some text.[/mark][br]
|
||||
[code]finally_some_code()[/code]
|
||||
[hr][/codeblock]
|
||||
This renders as follows:
|
||||
[/p]
|
||||
[p]
|
||||
[b]This text is bold.[/b][br]
|
||||
[i]This text is italic.[/i][br]
|
||||
[u]This is some underlined text.[/u][br]
|
||||
[s]We can also strike through some text.[/s][br]
|
||||
[strong]Here some text with strong emphasis.[/strong][br]
|
||||
[em]Emphasized text can also be created.[/em][br]
|
||||
[mark]And we mark some text.[/mark][br]
|
||||
[code]finally_some_code()[/code]
|
||||
[hr]
|
||||
[/p]
|
||||
|
||||
[h2]Links[/h2]
|
||||
[p]
|
||||
Links are created using the [code][url][/code]-tag. You can create a link by using [code][url]www.example.com[/url[/code] to create a simple link with the same link description as the URL itself or you use the [code][url=https://www.example.com]Link description[/url][/code] style if you want the link description differ from the link itself.
|
||||
[/p]
|
||||
[p]
|
||||
To link against a wiki-page, you can use the [code][wiki-url=page_slug][/code]-code or the [code][wiki][/code]-tag. The [code][wiki-url][/code] works nearly the same, is used to link against a page with a user-defined description. Whereas the [code][wiki=slug][/code]-tag, which is self-closing, is used to link against a wiki page and display the page's title.
|
||||
[/p]
|
||||
[p]Here an example:[/p]
|
||||
[codeblock=bbcode][url]www.google.com[/url][br]
|
||||
[url=https://duckduckgo.com]Another search engine[/url][br]
|
||||
[wiki-url=tw-license]The license of Tinywiki[/wiki-url][br]
|
||||
[wiki=tw-bbcode][br]
|
||||
And a link to the wiki-homepage: [wiki][/codeblock]
|
||||
|
||||
[p]
|
||||
[url]www.google.com[/url][br]
|
||||
[url=https://duckduckgo.com]Another search engine[/url][br]
|
||||
[wiki-url=tw-license]The license of Tinywiki[/wiki-url][br]
|
||||
[wiki=tw-bbcode][br]
|
||||
And a link to the wiki-homepage [wiki]
|
||||
[/p]
|
||||
|
||||
[h2]Lists[/h2]
|
||||
[p]
|
||||
Unordered lists can be created using the [code][list][*] Item1 [*] Item2[/list][/code] tags. Alternatively, you can use the [code][ul][li]Item1[/li][li]Item2[/li][/ul][/code] notation.
|
||||
[/p]
|
||||
[p]
|
||||
Ordered lists are created with the [code][ol][/code] tag. The notation is the same as the [code][ul][/code] tag.
|
||||
[/p]
|
||||
[p]
|
||||
Here an example:
|
||||
[codeblock=bbcode]
|
||||
[hr]
|
||||
An inline list:
|
||||
[list]
|
||||
[*] Item1
|
||||
[*] Item2
|
||||
[*] Item 3
|
||||
[/list]
|
||||
[hr]
|
||||
An unordered list:
|
||||
[ul]
|
||||
[li] Item 1[/li]
|
||||
[li] Item 2[/li]
|
||||
[li]
|
||||
[ul]
|
||||
[li]Embedded 1[/li]
|
||||
[li]Embedded 2[/li]
|
||||
[/ul]
|
||||
[/li]
|
||||
[/ul]
|
||||
[hr]
|
||||
An ordered list:
|
||||
[ol]
|
||||
[li] Item 1[/li]
|
||||
[li] Item 2[/li]
|
||||
[li]
|
||||
[ol]
|
||||
[li] Embedded 1[/li]
|
||||
[li]Embedded 2[/li]
|
||||
[/ol]
|
||||
[/li]
|
||||
[/ol]
|
||||
[/codeblock]
|
||||
[p]
|
||||
A list:
|
||||
[list]
|
||||
[*] Item1
|
||||
[*] Item2
|
||||
[*] Item 3
|
||||
[/list]
|
||||
[hr]
|
||||
An unordered list:
|
||||
[ul]
|
||||
[li] Item 1[/li]
|
||||
[li] Item 2[/li]
|
||||
[li]
|
||||
[ul]
|
||||
[li]Embedded 1[/li]
|
||||
[li]Embedded 2[/li]
|
||||
[/ul]
|
||||
[/li]
|
||||
[/ul]
|
||||
[hr]
|
||||
An ordered list:
|
||||
[ol]
|
||||
[li] Item 1[/li]
|
||||
[li] Item 2[/li]
|
||||
[li]
|
||||
[ol]
|
||||
[li]Embedded 1[/li]
|
||||
[li]Embedded 2[/li]
|
||||
[/ol]
|
||||
[/li]
|
||||
[/ol]
|
||||
[/p]
|
||||
[h2]Tables[/h2]
|
||||
[p]
|
||||
Tables are created with the [code]table[/code] tag. They contain rows, created with the [code]table-row[/code] or [code][tr][/code] tag. Each row contain table headers or table data. Table headers are created with [code][table-header][/code] or [code][th][/code] tag, table data with the [code][table-data][/code] or [code][td][/code] tag.
|
||||
[/p]
|
||||
|
||||
[codeblock=bbcode]
|
||||
[table]
|
||||
[table-row]
|
||||
[table-header]Name[/table-header]
|
||||
[table-header]Email[/table-header]
|
||||
[table-header]Phone number[/table-header]
|
||||
[table-row]
|
||||
[table-row]
|
||||
[table-data]John Doe[/table-data]
|
||||
[table-data]johndoe@example.com[/table-data]
|
||||
[table-data]345693887[/table-data]
|
||||
[/table-row]
|
||||
[table-row]
|
||||
[table-data]Jane Doe[/table-data]
|
||||
[table-data]janedoe@example.com[/table-data]
|
||||
[table-data]685528874[/table-data]
|
||||
[/table-row]
|
||||
[table-row]
|
||||
[table-data]Patrick Smith[/table-data]
|
||||
[table-data]patricksmith@example.com[/table-data]
|
||||
[table-data]5786255143[/table-data]
|
||||
[/table-row]
|
||||
[/table]
|
||||
[/codeblock]
|
||||
|
||||
[table]
|
||||
[table-row]
|
||||
[table-header]Name[/table-header]
|
||||
[table-header]Email[/table-header]
|
||||
[table-header]Phone number[/table-header]
|
||||
[table-row]
|
||||
[table-row]
|
||||
[table-data]John Doe[/table-data]
|
||||
[table-data]johndoe@example.com[/table-data]
|
||||
[table-data]345693887[/table-data]
|
||||
[/table-row]
|
||||
[table-row]
|
||||
[table-data]Jane Doe[/table-data]
|
||||
[table-data]janedoe@example.com[/table-data]
|
||||
[table-data]685528874[/table-data]
|
||||
[/table-row]
|
||||
[table-row]
|
||||
[table-data]Patrick Smith[/table-data]
|
||||
[table-data]patricksmith@example.com[/table-data]
|
||||
[table-data]5786255143[/table-data]
|
||||
[/table-row]
|
||||
[/table]
|
||||
|
||||
[h3]Bootstrap extensions[/h3]
|
||||
[p][b]NOTE: The following tables might not render right when not using [url=https://getbootstrap.com]Bootstrap[/url]![/b][/p]
|
||||
[p]
|
||||
[p]
|
||||
When using [i]Bootstrap[/i] you can style your tables. You can use [code]primary, secondary, info, warning, danger, success, light[/code] and [code]dark[/code] as an argument for the [code][table][/code] tag to give the table some color.
|
||||
[/p]
|
||||
|
||||
[codeblock]
|
||||
[table=primary]
|
||||
[tr]
|
||||
[th]Name[/th]
|
||||
[th]Email[/th]
|
||||
[th]Phone number[/th]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]John Doe[/td]
|
||||
[td]johndoe@example.com[/td]
|
||||
[td]345693887[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Jane Doe[/td]
|
||||
[td]janedoe@example.com[/td]
|
||||
[td]685528874[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Patrick Smith[/td]
|
||||
[td]patricksmith@example.com[/td]
|
||||
[td]5786255143[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
[/codeblock]
|
||||
|
||||
[table=primary]
|
||||
[tr]
|
||||
[th]Name[/th]
|
||||
[th]Email[/th]
|
||||
[th]Phone number[/th]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]John Doe[/td]
|
||||
[td]johndoe@example.com[/td]
|
||||
[td]345693887[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Jane Doe[/td]
|
||||
[td]janedoe@example.com[/td]
|
||||
[td]685528874[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Patrick Smith[/td]
|
||||
[td]patricksmith@example.com[/td]
|
||||
[td]5786255143[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
|
||||
[p]When your wiki is powered by [i]Bootstrap[/i], you can also create bordered tables. If the bordered attribute is not one of [code]0, false, n, no[/code] or [code]off[/code], a bordered table is rendered. If the attribute is one of [code]primary, secondary, info, warning, danger, success, light[/code] or [code]dark[/code], the border colors are set accordingly.
|
||||
[/p]
|
||||
|
||||
[codeblock]
|
||||
[table bordered=1]
|
||||
[tr]
|
||||
[th]Name[/th]
|
||||
[th]Email[/th]
|
||||
[th]Phone number[/th]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]John Doe[/td]
|
||||
[td]johndoe@example.com[/td]
|
||||
[td]345693887[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Jane Doe[/td]
|
||||
[td]janedoe@example.com[/td]
|
||||
[td]685528874[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Patrick Smith[/td]
|
||||
[td]patricksmith@example.com[/td]
|
||||
[td]5786255143[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
|
||||
[table bordered=success]
|
||||
[tr]
|
||||
[th]Name[/th]
|
||||
[th]Email[/th]
|
||||
[th]Phone number[/th]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]John Doe[/td]
|
||||
[td]johndoe@example.com[/td]
|
||||
[td]345693887[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Jane Doe[/td]
|
||||
[td]janedoe@example.com[/td]
|
||||
[td]685528874[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Patrick Smith[/td]
|
||||
[td]patricksmith@example.com[/td]
|
||||
[td]5786255143[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
|
||||
[table=info bordered=danger]
|
||||
[tr]
|
||||
[th]Name[/th]
|
||||
[th]Email[/th]
|
||||
[th]Phone number[/th]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]John Doe[/td]
|
||||
[td]johndoe@example.com[/td]
|
||||
[td]345693887[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Jane Doe[/td]
|
||||
[td]janedoe@example.com[/td]
|
||||
[td]685528874[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Patrick Smith[/td]
|
||||
[td]patricksmith@example.com[/td]
|
||||
[td]5786255143[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
[/codeblock]
|
||||
|
||||
[table bordered=1]
|
||||
[tr]
|
||||
[th]Name[/th]
|
||||
[th]Email[/th]
|
||||
[th]Phone number[/th]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]John Doe[/td]
|
||||
[td]johndoe@example.com[/td]
|
||||
[td]345693887[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Jane Doe[/td]
|
||||
[td]janedoe@example.com[/td]
|
||||
[td]685528874[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Patrick Smith[/td]
|
||||
[td]patricksmith@example.com[/td]
|
||||
[td]5786255143[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
|
||||
[table bordered=success]
|
||||
[tr]
|
||||
[th]Name[/th]
|
||||
[th]Email[/th]
|
||||
[th]Phone number[/th]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]John Doe[/td]
|
||||
[td]johndoe@example.com[/td]
|
||||
[td]345693887[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Jane Doe[/td]
|
||||
[td]janedoe@example.com[/td]
|
||||
[td]685528874[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Patrick Smith[/td]
|
||||
[td]patricksmith@example.com[/td]
|
||||
[td]5786255143[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
|
||||
[table=info bordered=danger]
|
||||
[tr]
|
||||
[th]Name[/th]
|
||||
[th]Email[/th]
|
||||
[th]Phone number[/th]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]John Doe[/td]
|
||||
[td]johndoe@example.com[/td]
|
||||
[td]345693887[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Jane Doe[/td]
|
||||
[td]janedoe@example.com[/td]
|
||||
[td]685528874[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Patrick Smith[/td]
|
||||
[td]patricksmith@example.com[/td]
|
||||
[td]5786255143[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
|
||||
[p]
|
||||
With [i]Bootstrap[/i] you can also style individual rows or even cells with [code]primary, secondary, info, warning, danger, success, light[/code] or [code]dark[/code] applying to the tag.
|
||||
[/p]
|
||||
[codeblock]
|
||||
[table]
|
||||
[tr]
|
||||
[th]Styling[/th]
|
||||
[th]Cell[/th]
|
||||
[th]Cell[/th]
|
||||
[/tr]
|
||||
[tr=primary]
|
||||
[td]primary[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=secondary]
|
||||
[td]secondary[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=info]
|
||||
[td]info[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=success]
|
||||
[td]success[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=warning]
|
||||
[td]warning[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=danger]
|
||||
[td]danger[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=light]
|
||||
[td]light[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=dark]
|
||||
[td]dark[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
[/codeblock]
|
||||
|
||||
[table]
|
||||
[tr]
|
||||
[th]Styling[/th]
|
||||
[th]Cell[/th]
|
||||
[th]Cell[/th]
|
||||
[/tr]
|
||||
[tr=primary]
|
||||
[td]primary[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=secondary]
|
||||
[td]secondary[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=info]
|
||||
[td]info[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=success]
|
||||
[td]success[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=warning]
|
||||
[td]warning[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=danger]
|
||||
[td]danger[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=light]
|
||||
[td]light[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[tr=dark]
|
||||
[td]dark[/td]
|
||||
[td]cell[/td]
|
||||
[td]cell[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
|
||||
[h3]Rowspan and Colspan[/h3]
|
||||
[p]
|
||||
You can also create tables that span over mutliple rows or columns. Add the [code]rowspan=n[/code] or [code]colspan=n[/code] to the table header or table data ([i]n[/i] is the number of rows or columns that should be spanned).
|
||||
[/p]
|
||||
[codeblock]
|
||||
[table bordered=1]
|
||||
[tr]
|
||||
[th]Header 1[/th]
|
||||
[th]Header 2[/th]
|
||||
[th]Header 3[/th]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Row1-Column1[/td]
|
||||
[td]Row1-Column2[/td]
|
||||
[td rowspan=2]Row1-Column3[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Row2-Column1[/td]
|
||||
[td]Row2-Column2[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Row3-Column1[/td]
|
||||
[td colspan=2]Row3-Column2[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
[/codeblock]
|
||||
|
||||
[table bordered=1]
|
||||
[tr]
|
||||
[th]Header 1[/th]
|
||||
[th]Header 2[/th]
|
||||
[th]Header 3[/th]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Row1-Column1[/td]
|
||||
[td]Row1-Column2[/td]
|
||||
[td rowspan=2]Row1-Column3[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Row2-Column1[/td]
|
||||
[td]Row2-Column2[/td]
|
||||
[/tr]
|
||||
[tr]
|
||||
[td]Row3-Column1[/td]
|
||||
[td colspan=2]Row3-Column2[/td]
|
||||
[/tr]
|
||||
[/table]
|
||||
|
||||
[h2]Images[/h2]
|
||||
@@ -10,5 +10,11 @@
|
||||
"content_type": "bbcode",
|
||||
"status":"published",
|
||||
"file":"bs-license.bbcode"
|
||||
},
|
||||
"tw-bbcode": {
|
||||
"title": "BBCode used by TinyWiki",
|
||||
"content_type": "bbcode",
|
||||
"status":"published",
|
||||
"file":"bbcode.bbcode"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user