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 struck-through 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]
    輸出:
  • [URL=link], [EMAIL=address] - 鏈接 (進階)

    將樣式文字鏈接到指定的網頁或電子郵件位址。
    範例:
    [URL=http://www.example.com]前往example.com[/URL]

    [[email protected]]發給我電子郵件[/EMAIL]
    輸出:
  • [USER=ID] - 名片鏈接

    鏈接到用戶的名片。當提到用戶時,這通常會自動插入。
    範例:
    [USER=1]用戶名[/USER]
    輸出:
  • [IMG] - 圖片

    顯示圖片,使用樣式文字作為網址。
    範例:
    [IMG]https://i.imgur.com/aZH4TaQ.png[/IMG]
    輸出:
  • [MEDIA=site] - 嵌入式媒體

    將已批准的網站的媒體嵌入到您的文章中。建議您在編輯器工具欄中使用媒體按鈕。
    已批准的網站: Dailymotion, Facebook, Giphy, Imgur, Instagram, Pinterest, Reddit, SoundCloud, Spotify, Twitch, Twitter, Vimeo, YouTube
    範例:
    [MEDIA=youtube]oHg5SJYRHA0[/MEDIA]
    輸出:
    嵌入式YouTube播放器將顯示在此處。
  • [LIST] - 列表

    顯示項目符號或編號列表。
    範例:
    [LIST]
    [*]公告1
    [*]公告2
    [/LIST]

    [LIST=1]
    [*]項目1
    [*]項目2
    [/LIST]
    輸出:
    • 公告1
    • 公告2

    1. 項目1
    2. 項目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 1Header 2
    Content 1Content 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 1Header 2
    Content 1Content 2

    Multiple styles can be combined.
    Header 1Header 2
    Content 1Content 2

    Header 1Header 2
    Content 1Content 2
    Content 1Content 2
  • [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]

    此內容已隱藏。
    不被允許查看內容
    此內容已隱藏。
    您需要回覆此文章才能看到這段內容。
    此內容已隱藏。
    您需要對此文章做出反應(按讚)才能看到這段內容。
    此內容已隱藏。
    您需要回覆此文章或對此文章做出反應(按讚)才能看到此內容。
    此內容已隱藏。
    您需要屬於以下群組之一才能看到此內容。:
  • [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
    輸出:
    Content
    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
  • [H2] - h2

    範例:
    [h2]Example[/h2]
    Normal text
    輸出:

    Example

    Normal text
  • [H3] - h3

    範例:
    [h3]Example[/h3]
    Normal text
    輸出:

    Example

    Normal text
  • [H4] - h4

    範例:
    [h4]Example[/h4]
    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倍率的休閒伺服器。
    您可以透過可愛的角色在此展開冒險並認識朋友,透過商城裝扮自己打造獨一無二的風格,找到其他冒險者一同組隊完成任務!
    各式不一樣的卷軸也可以帶給您驚喜的武器加成變化效果,美好的未來在等著您,歡迎加入我們。
  • [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]
    輸出:
  • [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]
    輸出:
    生成錨點;









    轉到錨點
    點擊這裡進入介紹
頂部 底部