BBcode

[B], [I], [U], [S] - bold, 斜體, 下劃線, Struck-through

Basic text formatting for the wrapped text.

範例:: This is [B]bold[/B] text.
This is [I]italic[/I] text.
This is [U]underlined[/U] text.
This is [S]struck-through[/S] text.

輸出:: This is bold text.

This is italic text.

This is underlined text.

This is [S]struck-through[/S] text.

[COLOR=color], [BGCOLOR=color], [FONT=font], [SIZE=size] - Background color, 文字顏色, Font, 尺寸大小

Advanced text formatting options for wrapped text.

範例:: This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
This is [BGCOLOR=#FAA]red[/BGCOLOR] and [BGCOLOR=#AAF]blue[/BGCOLOR] highlighted text.
This is [FONT=Courier New]Courier New[/FONT] text.
This is [SIZE=1]small[/SIZE] and [SIZE=7]big[/SIZE] text.

輸出:: This is red and blue text.

This is [BGCOLOR=#FAA]red[/BGCOLOR] and [BGCOLOR=#AAF]blue[/BGCOLOR] highlighted text.

This is Courier New text.

This is small and big text.

[SUB], [SUP] - Subscript, Superscript

Position wrapped text.

範例:: This is [SUB]subscript[/SUB] text.
This is [SUP]superscript[/SUP] text.

輸出:: This is [SUB]subscript[/SUB] text.

This is [SUP]superscript[/SUP] text.

[URL], [EMAIL] - 鏈接

使用樣式文字作為目標來建立鏈接。

範例:: [URL]http://www.example.com[/URL]

[EMAIL][email protected][/EMAIL]

輸出:: http://www.example.com

[email protected]

[URL=link], [EMAIL=address] - 鏈接 (進階)

將樣式文字鏈接到指定的網頁或電子郵件位址。

範例:: [URL=http://www.example.com]前往example.com[/URL]

[[email protected]]發給我電子郵件[/EMAIL]

輸出:: 前往example.com

發給我電子郵件

[USER=ID] - 名片鏈接

鏈接到用戶的名片。當提到用戶時,這通常會自動插入。

範例:: [USER=1]用戶名[/USER]

輸出:: 用戶名

[IMG] - 圖片

顯示圖片,使用樣式文字作為網址。

範例:: [IMG]https://i.imgur.com/aZH4TaQ.png[/IMG]

輸出:

[MEDIA=site] - 嵌入式媒體

將已批准的網站的媒體嵌入到您的文章中。建議您在編輯器工具欄中使用媒體按鈕。
已批准的網站: Dailymotion, Facebook, Giphy, Imgur, Instagram (Legacy), Pinterest, Reddit, SoundCloud, Spotify, TikTok, Twitch, Twitter, Vimeo, YouTube

範例:: [MEDIA=youtube]oHg5SJYRHA0[/MEDIA]

輸出:: 嵌入式YouTube播放器將顯示在此處。

[LIST] - 列表

顯示項目符號或編號列表。

範例:: [LIST]
[*]公告1
[*]公告2
[/LIST]

[LIST=1]
[*]項目1
[*]項目2
[/LIST]

輸出:

公告1
公告2

項目1
項目2

[LEFT], [RIGHT], [CENTER], [JUSTIFY] - Text alignment

變更樣式文字的對齊方式。

範例:: [LEFT]Left-aligned[/LEFT]
[CENTER]Center-aligned[/CENTER]
[RIGHT]Right-aligned[/RIGHT]
[JUSTIFY]This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block.[/JUSTIFY]

輸出:: Left-aligned
Center-aligned
Right-aligned
This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block. This is a justified text block.

[QUOTE] - 引用文字

顯示從另一個來源,被引用的文字。您也可以將來源的名稱,歸為屬性。

範例:: [QUOTE]引用文字[/QUOTE]

[QUOTE=一個人]他們說.......[/QUOTE]

輸出:: 引用文字

點擊展開...

一個人說:

他們說.......

點擊展開...

[SPOILER] - 包含隱藏的文字

隱藏文字,所以它必須點擊後才能看到。

範例:: [SPOILER]簡單的隱藏[/SPOILER]

[SPOILER=輸入隱藏的標題]隱藏與標題[/SPOILER]

輸出:: 簡單的隱藏

隱藏與標題

[ISPOILER] - Inline text containing spoilers

隱藏文字,所以它必須點擊後才能看到。

範例:: You have to click the following [ISPOILER]word[/ISPOILER] to see the content.

輸出:: You have to click the following word to see the content.

[CODE] - 顯示程式代碼

以多種程式語言的其中之一來顯示文字,盡可能高亮顯示語法。

範例:: 一般代碼:
[CODE]一般代碼[/CODE]

豐富的代碼:
[CODE=rich][COLOR=red]豐富的[/COLOR]代碼[/CODE]

PHP代碼:
[CODE=php]echo $hello . ' world';[/CODE]

JS代碼:
[CODE=js]var hello = 'world';[/CODE]

輸出:

一般代碼:

代碼:

一般代碼

豐富的代碼:

Rich (BB code):

豐富的代碼

PHP代碼:

PHP:

echo $hello . ' world';

JS代碼:

代碼:

var hello = 'world';

[ICODE] - 內聯程式代碼顯示

允許您在一般的文章內容之間內聯顯示代碼。將不會高亮顯示語法。

範例:: 內聯代碼區塊 [ICODE]是一種顯示代碼[/ICODE] 的便捷方式。

輸出:: 內聯代碼區塊 是一種顯示代碼 的便捷方式。

[TABLE] - Tables

Special markup to display tables in your content.

範例:: [TABLE]
[TR]
[TH]Header 1[/TH]
[TH]Header 2[/TH]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]

輸出:

Header 1	Header 2
Content 1	Content 2

[TABLE=class] - Tables (Advanced)

Advanced table styling.

範例:: Option adds additional styling.
[TABLE=noborder]
[TR]
[TH]Header 1[/TH]
[TH]Header 2[/TH]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]

Multiple styles can be combined.
[TABLE=collapse,right,nobackground]
[TR]
[TH]Header 1[/TH]
[TH]Header 2[/TH]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]

[TABLE=collapse,center,alternate]
[TR]
[TH]Header 1[/TH]
[TH]Header 2[/TH]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[TR]
[TD]Content 1[/TD]
[TD]Content 2[/TD]
[/TR]
[/TABLE]

輸出:

Option adds additional styling.

Header 1	Header 2
Content 1	Content 2

Multiple styles can be combined.

Header 1	Header 2
Content 1	Content 2

Header 1	Header 2
Content 1	Content 2
Content 1	Content 2

[HEADING=level] - Headings levels 1 to 3

Marks text as a structured heading to facilitate machine readability.

範例:: [HEADING=1]Major heading[/HEADING]
This text comes under a major heading, used to separate the primary sections of an article.

[HEADING=2]Minor heading[/HEADING]
When you need to subdivide the primary sections of an article, use a level 2 minor heading.

[HEADING=3]Subheading[/HEADING]
If you require additional subdivision, you may drop to level 3.

輸出:: Major heading
This text comes under a major heading, used to separate the primary sections of an article.

Minor heading
When you need to subdivide the primary sections of an article, use a level 2 minor heading.

Subheading
If you require additional subdivision, you may drop to level 3.

[INDENT] - 文字縮進

縮進樣式的文字。這可以嵌套較大的縮進。

範例:: 正常文字
[INDENT]縮進文字
[INDENT]更縮進[/INDENT]
[/INDENT]

輸出:: 正常文字

縮進文字

更縮進

[PLAIN] - 純文字

停用BBcode轉換的樣式文字。

範例:: [PLAIN]這不是 [B]粗體[/B] 文字。[/PLAIN]

輸出:: 這不是 [B]粗體[/B] 文字。

[ATTACH] - 插入附件

插入一個附件至指定的位置。如果附件是一張圖片,將插入一張縮圖或完整尺寸的版本。這一般通過點擊適當的按鈕來插入。

範例:: 縮圖: [ATTACH]123[/ATTACH]
完整大小: [ATTACH=full]123[/ATTACH]

輸出:: 附件的內容將顯示在這裡。

[HIDE], [HIDEPOSTS], [HIDEREPLY], [HIDETHANKS], [HIDEREPLYTHANKS], [HIDEGROUP] - Hide content

Hides wrapped text until certain conditions are fullfilled.

範例:: [HIDE]Hides wrapped content.[/HIDE]

[HIDEPOSTS]Hides until user reached number of posts.[/HIDEPOSTS]

[HIDEREPLY]Hides content until viewer replied to thread.[/HIDEREPLY]

[HIDETHANKS]Hides content until viewer reacted to content.[/HIDETHANKS]

[HIDEREPLYTHANKS]Hides content until viewer replied to thread or reacted to content.[/HIDEREPLYTHANKS]

[HIDEGROUP=administrator]Hides content for non-administrators.[/HIDEGROUP]

輸出:: [HIDE]Hides wrapped content.[/HIDE]

[HIDEPOSTS]Hides until user reached number of posts.[/HIDEPOSTS]

[HIDEREPLY]Hides content until viewer replied to thread.[/HIDEREPLY]

[HIDETHANKS]Hides content until viewer reacted to content.[/HIDETHANKS]

[HIDEREPLYTHANKS]Hides content until viewer replied to thread or reacted to content.[/HIDEREPLYTHANKS]

此內容已隱藏。

您需要屬於以下群組之一才能看到此內容。:

[ENCADRE] [ENCADRE=option] - Encadre

This BB Code inserts a text box to the right of a text (absolute position). It has to be inserted just before the content. (width customizable in %)

範例:: [ENCADRE]This is a text box with a long text. Can be used with an article for example.[/ENCADRE]Content
[ENCADRE width=30]This is a text box with a long text. Can be used with an article for example.[/ENCADRE]Content

輸出:: Encadre:

This is a text box with a long text. Can be used with an article for example.

Content

Encadre:

This is a text box with a long text. Can be used with an article for example.

Content

[FIELDSET] [FIELDSET=option] - Fieldset

This BB Code inserts a fieldset

範例:: [fieldset]This is a fieldset[/fieldset]
[fieldset title="Title"]This is a fieldset[/fieldset]
[fieldset title="Title" width=80]This is a fieldset[/fieldset]

輸出:: Fieldset:

This is a fieldset

Title

This is a fieldset

Title

This is a fieldset

[FLEFT] - Float left

Make a block float on the left

範例:: [fleft]Make me float on the left[/fleft]

輸出:: Make me float on the left

[FRIGHT] - Float right

Make a block float on the right

範例:: [FRIGHT]Make me float on the right[/FRIGHT]

輸出:: Make me float on the right

[H1] - h1

範例:: [h1]Example[/h1]
Normal text

輸出:: Example
Normal text

[JUSTIFY] - Justify

範例:: [justify]justified text example
line 1
line 2
line 3[/justify]!

輸出:: justified text example
line 1
line 2
line 3
!

[ALERT] [ALERT=option] - Mod:Alert

Moderator only Alert banner

範例:: [alert=Title]Alert[/alert]

輸出:: [alert=Title]Alert[/alert]

[INFORMATION] [INFORMATION=option] - Mod:Info

Moderator only Information banner

範例:: [information=Title]Information[/information]

輸出:: [information=Title]Information[/information]

[STOP] [STOP=option] - Mod:Stop

Moderator only Stop banner

範例:: [stop=Title]Stop[/stop]

輸出:: [stop=Title]Stop[/stop]

[WARNING] [WARNING=option] - Mod:Warning

Moderator only Warning banner

範例:: [warning=Title]Warning[/warning]

輸出:: [warning=Title]Warning[/warning]

[SUB] - Subscript

範例:: 10[sub]1[/sub]!

輸出:: 10[sub]1[/sub]!

[SUP] - Superscript

範例:: 10[sup]1[/sup]!

輸出:: 10[sup]1[/sup]!

[ABBR] [ABBR=option] - 增加說明

滑鼠懸停時增加說明

範例:: [abbr="on hover text"]text[/abbr]

輸出:: text

[ACCORDION] [ACCORDION=option] - 手風琴

客製化手風琴

範例:: [ACCORDION width=200]
[SLIDE_HEADER]First Slide[/SLIDE_HEADER]
[SLIDE]First slide content[/SLIDE]
[SLIDE title="Second Slide"]Second slide content[/SLIDE]
[/ACCORDION]

輸出:

First Slide: First slide content
Second Slide: Second slide content

[ARTICLE] [ARTICLE=option] - 文章

顯示帶有來源署名（網址）的文章。

範例:: [ARTICLE=https://www.dms113.com]
夢時代楓之谷是2/2/2倍率的休閒伺服器。
您可以透過可愛的角色在此展開冒險並認識朋友，透過商城裝扮自己打造獨一無二的風格，找到其他冒險者一同組隊完成任務！
各式不一樣的卷軸也可以帶給您驚喜的武器加成變化效果，美好的未來在等著您，歡迎加入我們。
[/ARTICLE]

輸出:: Article:

夢時代楓之谷是2/2/2倍率的休閒伺服器。
您可以透過可愛的角色在此展開冒險並認識朋友，透過商城裝扮自己打造獨一無二的風格，找到其他冒險者一同組隊完成任務！
各式不一樣的卷軸也可以帶給您驚喜的武器加成變化效果，美好的未來在等著您，歡迎加入我們。

Source: https://www.dms113.com

[TABS] [TABS=option] - 標籤

將標籤插入到文章中

範例:: [TABS]
[SLIDE_HEADER]這個是標題 1[/SLIDE_HEADER]
[SLIDE]Content 1 - [tab=2]連結到標題 2[/tab][/SLIDE]
[SLIDE title="這個是標題"]Content 2[/SLIDE]
[/TABS]
[TABS width=200]
[SLIDE_HEADER]第一個選項[/slide_header]
[SLIDE]First tab content - [tab=2]Link to tab 2[/tab][/SLIDE]
[SLIDE title="第二個選項"]Second tab content[/SLIDE]
[/TABS]

輸出:

這個是標題 1 這個是標題

Content 1 - 連結到標題 2
Content 2

第一個選項第二個選項

First tab content - Link to tab 2
Second tab content

[HR] [HR=option] - 水平分隔線

水平分隔線

範例:: Default line:
[hr]
Unformatted line:
[hr=0]
Solid line:
[hr=1]
Lightly faded on both sides:
[hr=2]
Significantly faded on both sides:
[hr=3]
Faded to left:
[hr=4]
Faded from right:
[hr=5]

輸出:: Default line:

Unformatted line:

Solid line:

Lightly faded on both sides:

Significantly faded on both sides:

Faded to left:

Faded from right:

[SLIDER] [SLIDER=option] - 滑動區塊

以幻燈片格式循環播放幻燈片。

範例:: [SLIDER]
[SLIDE_HEADER]標題[/SLIDE_HEADER]
[SLIDE align=center]內容 1[/SLIDE]
[SLIDE]內容 2[/SLIDE]
[SLIDE]內容 3[/SLIDE]
[SLIDE open=1]內容 4[/SLIDE]
[/SLIDER]

輸出:: 標題
內容 1

內容 2

內容 3

內容 4

[BIMG] [BIMG=option] - 滑動圖像

顯示圖像，允許調整大小、對齊或浮動，並與另一個圖像進行比較。

範例:: [bimg]http://www.google.com/images/srpr/logo3w.png[/bimg]
[bimg width=100px]http://www.google.com/images/srpr/logo3w.png[/bimg]

輸出:

[ANCHOR] [ANCHOR=option] - 錨點

生成錨點

範例:: 生成錨點;
[anchor]introduction[/anchor]

轉到錨點
[anchor=#introduction]點擊這裡進入介紹[/anchor]

輸出:: 生成錨點;

轉到錨點
點擊這裡進入介紹

BBcode

幫助

[B], [I], [U], [S] - bold, 斜體, 下劃線, Struck-through

[COLOR=color], [BGCOLOR=color], [FONT=font], [SIZE=size] - Background color, 文字顏色, Font, 尺寸大小

[SUB], [SUP] - Subscript, Superscript

[URL], [EMAIL] - 鏈接

[URL=link], [EMAIL=address] - 鏈接 (進階)

[USER=ID] - 名片鏈接

[IMG] - 圖片

[MEDIA=site] - 嵌入式媒體

[LIST] - 列表

[LEFT], [RIGHT], [CENTER], [JUSTIFY] - Text alignment

[QUOTE] - 引用文字

[SPOILER] - 包含隱藏的文字

[ISPOILER] - Inline text containing spoilers

[CODE] - 顯示程式代碼

[ICODE] - 內聯程式代碼顯示

[TABLE] - Tables

[TABLE=class] - Tables (Advanced)

[HEADING=level] - Headings levels 1 to 3

Major heading​

Minor heading​

Subheading​

[INDENT] - 文字縮進

[PLAIN] - 純文字

[ATTACH] - 插入附件

[HIDE], [HIDEPOSTS], [HIDEREPLY], [HIDETHANKS], [HIDEREPLYTHANKS], [HIDEGROUP] - Hide content

[ENCADRE] · [ENCADRE=option] - Encadre

[FIELDSET] · [FIELDSET=option] - Fieldset

[FLEFT] - Float left

[FRIGHT] - Float right

[H1] - h1

Example

[JUSTIFY] - Justify

[ALERT] · [ALERT=option] - Mod:Alert

[INFORMATION] · [INFORMATION=option] - Mod:Info

[STOP] · [STOP=option] - Mod:Stop

[WARNING] · [WARNING=option] - Mod:Warning

[SUB] - Subscript

[SUP] - Superscript

[ABBR] · [ABBR=option] - 增加說明

[ACCORDION] · [ACCORDION=option] - 手風琴

[ARTICLE] · [ARTICLE=option] - 文章

[TABS] · [TABS=option] - 標籤

[HR] · [HR=option] - 水平分隔線

[SLIDER] · [SLIDER=option] - 滑動區塊

[BIMG] · [BIMG=option] - 滑動圖像

[ANCHOR] · [ANCHOR=option] - 錨點

Major heading

Minor heading

Subheading

[ENCADRE] [ENCADRE=option] - Encadre

[FIELDSET] [FIELDSET=option] - Fieldset

[ALERT] [ALERT=option] - Mod:Alert

[INFORMATION] [INFORMATION=option] - Mod:Info

[STOP] [STOP=option] - Mod:Stop

[WARNING] [WARNING=option] - Mod:Warning

[ABBR] [ABBR=option] - 增加說明

[ACCORDION] [ACCORDION=option] - 手風琴

[ARTICLE] [ARTICLE=option] - 文章

[TABS] [TABS=option] - 標籤

[HR] [HR=option] - 水平分隔線

[SLIDER] [SLIDER=option] - 滑動區塊

[BIMG] [BIMG=option] - 滑動圖像

[ANCHOR] [ANCHOR=option] - 錨點