BBCode 全功能示範（service10）

2026-10-31 正式站實際編輯、預覽與儲存測試；保留供瀏覽器檢閱。

NORMAL-CHECK-00 一般文字對照（沒有 HTML／BBCode 格式）

01．文字樣式：b／i／u

BOLD-DEMO 粗體　ITALIC-DEMO 斜體　UNDERLINE-DEMO 底線
COMBINED-DEMO 粗體＋斜體＋底線

NORMAL-CHECK-01 一般文字對照（沒有 HTML／BBCode 格式）

02．文字顏色：color

名稱／色碼在前，彩色文字在後；white 白字可反白查看。
#444444：COLOR-DEMO-0 色彩示範中文 🎨
darkred：COLOR-DEMO-1 色彩示範中文 🎨
red：COLOR-DEMO-2 色彩示範中文 🎨
orange：COLOR-DEMO-3 色彩示範中文 🎨
brown：COLOR-DEMO-4 色彩示範中文 🎨
yellow：COLOR-DEMO-5 色彩示範中文 🎨
green：COLOR-DEMO-6 色彩示範中文 🎨
olive：COLOR-DEMO-7 色彩示範中文 🎨
cyan：COLOR-DEMO-8 色彩示範中文 🎨
blue：COLOR-DEMO-9 色彩示範中文 🎨
darkblue：COLOR-DEMO-10 色彩示範中文 🎨
indigo：COLOR-DEMO-11 色彩示範中文 🎨
violet：COLOR-DEMO-12 色彩示範中文 🎨
white：COLOR-DEMO-13 色彩示範中文 🎨
black：COLOR-DEMO-14 色彩示範中文 🎨
#336699：COLOR-DEMO-15 色彩示範中文 🎨

NORMAL-CHECK-02 一般文字對照（沒有 HTML／BBCode 格式）

03．文字大小：size

這裡刻意展示編輯器的五種字級，7px／9px 本來就很小。
SIZE-DEMO-7　7px 字級
SIZE-DEMO-9　9px 字級
SIZE-DEMO-12　12px 字級
SIZE-DEMO-18　18px 字級
SIZE-DEMO-24　24px 字級

NORMAL-CHECK-03 一般文字對照（沒有 HTML／BBCode 格式）

04．單層與具名引用：quote

PLAIN-BEFORE 引用前一般文字

引言回覆:

QUOTE-SIMPLE 單層引用文字

PLAIN-AFTER 引用後一般文字

示範作者 Artist 🎨 寫到:

QUOTE-NAMED 具名引用文字

NORMAL-CHECK-04 一般文字對照（沒有 HTML／BBCode 格式）

05．三層巢狀與連續引用

引言回覆:

QUOTE-OUTER 第一層

第二層寫到:

QUOTE-INNER 第二層

引言回覆:

QUOTE-DEEP 第三層

回到第二層

回到第一層

SEQ-BEFORE 連續引用之前

引言回覆:

連續引用 A

SEQ-MIDDLE 兩次引用中間

引言回覆:

連續引用 B

SEQ-AFTER 連續引用之後

NORMAL-CHECK-05 一般文字對照（沒有 HTML／BBCode 格式）

06．程式碼與字面文字：code

CODE-BEFORE 程式碼前的一般文字

代碼:

if (a < 3 && b > 4) {


  echo "中文 🎨";


}


[b]CODE-LITERAL 這段不應被轉為粗體[/b]


[quote]CODE-LITERAL-QUOTE 這段仍是原始標籤[/quote]


[center]CODE-LITERAL-CENTER[/center]


C:\art\demo

CODE-AFTER 程式碼後的一般文字

代碼:

{"title":"第二段 code 中文 🎨","count":2}

NORMAL-CHECK-06 一般文字對照（沒有 HTML／BBCode 格式）

07．引用中放程式碼與格式

程式碼示範寫到:

QUOTE-CODE-OUTER 引用內的一般文字

代碼:

const answer = 42; // QUOTE-CODE-DEMO

引用內粗體／引用內斜體／引用內藍字

NORMAL-CHECK-07 一般文字對照（沒有 HTML／BBCode 格式）

08．跨引用與 code 的格式延續

BOLD-BEFORE 引用前粗體

引言回覆:

粗體區塊中的引用

BOLD-AFTER 引用後粗體
ITALIC-BEFORE 引用前斜體

引言回覆:

斜體區塊中的引用

ITALIC-AFTER 引用後斜體
UNDERLINE-BEFORE 引用前底線

引言回覆:

底線區塊中的引用

UNDERLINE-AFTER 引用後底線
RED-BEFORE 引用前紅字

引言回覆:

紅字區塊中的引用

RED-AFTER 引用後紅字
SIZE-BEFORE 引用前 24px

引言回覆:

24px 區塊中的引用

SIZE-AFTER 引用後 24px
SIZE-CODE-BEFORE 程式碼前 18px

代碼:

const formatted = true;

SIZE-CODE-AFTER 程式碼後 18px

NORMAL-CHECK-08 一般文字對照（沒有 HTML／BBCode 格式）

09．無序清單：list／星號項目

UL-FIRST 第一項
UL-SECOND 第二項粗體
第三項斜體

NORMAL-CHECK-09 一般文字對照（沒有 HTML／BBCode 格式）

10．數字與字母清單：list=1／list=a

OL-NUM-FIRST 數字第一項
數字第二項
數字第三項

OL-ALPHA-FIRST 字母第一項
字母第二項
字母第三項

NORMAL-CHECK-10 一般文字對照（沒有 HTML／BBCode 格式）

11．巢狀清單與清單內引用

外層項目一
1. LIST-NESTED 子項目一
2. 子項目二
外層項目二
引言回覆:

LIST-QUOTE 清單內的引用

NORMAL-CHECK-11 一般文字對照（沒有 HTML／BBCode 格式）

12．置中：center

CENTER-DEMO 這行應置中
置中＋粗體

NORMAL-CHECK-12 一般文字對照（沒有 HTML／BBCode 格式）

13．分隔線：hr 與舊分隔記號

HR-BEFORE 分隔線前

HR-MIDDLE 分隔線之間

HR-AFTER 分隔線後

NORMAL-CHECK-13 一般文字對照（沒有 HTML／BBCode 格式）

14．標題：h1／h2

H1-DEMO 第一級標題

H2-DEMO 第二級標題

HEADING-AFTER 標題後的一般文字

NORMAL-CHECK-14 一般文字對照（沒有 HTML／BBCode 格式）

15．表格：table／tr／td

TABLE-HEAD 欄位	內容
TABLE-CELL 中文 🎨	綠字＋底線
連結	TABLE-LINK 回首頁

NORMAL-CHECK-15 一般文字對照（沒有 HTML／BBCode 格式）

16．連結：url 的各種寫法

https://vovo2000.com/
LINK-INTERNAL 此測試主題
LINK-RELATIVE 站內相對網址
LINK-FRAGMENT 此篇回覆錨點
www.example.com
LINK-QUERY 查詢參數 a=1、b=2
LINK-UNICODE 中文與空白網址
LINK-LEGACY 舊站內網址格式
LINK-FORMATTED 粗體連結

NORMAL-CHECK-16 一般文字對照（沒有 HTML／BBCode 格式）

17．圖片與圖片連結：img

IMAGE-DEMO-LOGO 網站圖示：

IMAGE-DEMO-LINK 點圖片回到既有公開作品主題：

NORMAL-CHECK-17 一般文字對照（沒有 HTML／BBCode 格式）

18．電子郵件：email

只建立示範 mailto 連結，不會寄信。
bbcode-demo@example.com

NORMAL-CHECK-18 一般文字對照（沒有 HTML／BBCode 格式）

19．影片與嵌入網址：embed

本篇由一般會員 service10 發表，影片依帳號權限以安全連結呈現。
YouTube 一般網址：
YouTube 影片
YouTube 短網址與播放時間：
YouTube 影片
舊尺寸寫法：
YouTube 影片
一般嵌入網址：
嵌入內容連結

NORMAL-CHECK-19 一般文字對照（沒有 HTML／BBCode 格式）

20．地圖座標：gmap

GMAP-DEMO 台北 101 座標，顯示為 Google Maps 連結：
Google Maps 地圖

NORMAL-CHECK-20 一般文字對照（沒有 HTML／BBCode 格式）

21．會員資訊：memberonly

以下僅使用非機密測試字串，供比較不同頁面的呈現。
__MEMBER_ONLY__（會員獨享資訊，請先登入/五篇發表）__

NORMAL-CHECK-21 一般文字對照（沒有 HTML／BBCode 格式）

22．大寫標籤與多語文字

UPPER-BOLD-DEMO 大寫粗體／UPPER-ITALIC-DEMO 大寫斜體／UPPER-UNDERLINE-DEMO 大寫底線

大寫標籤示範寫到:

UPPER-QUOTE-DEMO 大寫引用

UNICODE-DEMO 繁體中文日本語 한국어 𠮷 🎨 👩🏽‍🎨 👨‍👩‍👧‍👦
DEMO-FINAL-NORMAL 最後的一般文字，字級應回到正常。
NORMAL-CHECK-22 一般文字對照（沒有 HTML／BBCode 格式）

BBCode-DEMO-END-20261031

bbcode test 2026/10/29 (adsbygoogle = window.adsbygoogle || []).push({});

BBCode 全功能示範（service10）

01．文字樣式：b／i／u

02．文字顏色：color

03．文字大小：size

04．單層與具名引用：quote

05．三層巢狀與連續引用

06．程式碼與字面文字：code

07．引用中放程式碼與格式

08．跨引用與 code 的格式延續

09．無序清單：list／星號項目

10．數字與字母清單：list=1／list=a

11．巢狀清單與清單內引用

12．置中：center

13．分隔線：hr 與舊分隔記號

14．標題：h1／h2

H1-DEMO 第一級標題

H2-DEMO 第二級標題

15．表格：table／tr／td

16．連結：url 的各種寫法

17．圖片與圖片連結：img

18．電子郵件：email

19．影片與嵌入網址：embed

20．地圖座標：gmap

21．會員資訊：memberonly

22．大寫標籤與多語文字

bbcode test 2026/10/29