開發者工具

BBCode 檢視器

線上 BBCode 編輯器：用工具列一鍵套用標籤、即時預覽論壇排版，並可轉成 HTML 複製或下載。支援含 [spoiler] 的 34 個標籤，本機處理免註冊。

把 BBCode 貼進左側編輯器，右側就會即時渲染出論壇上的實際排版；選取文字後按工具列或 Ctrl+B、Ctrl+K 等快捷鍵即可套上標籤。共支援 34 個標籤，含 Steam 常用的 [spoiler]、[noparse]、[olist]。預覽可切到 HTML 檢視一鍵複製或下載，也能開啟、儲存 .txt 檔。全部在瀏覽器本機解析，不會上傳，免註冊。

BBCode 編輯器

303

即時預覽

Patch notes

Bold Italic Underline Strike

Link

AuthorThis is a quote

  • First item
  • Red item

Hidden ending

console.log('Hello World')

你可能還需要

Markdown 檢視器

預覽和編輯 Markdown，支援即時視覺化。

開啟工具

HTML 檢視器

開啟 .html 檔案或貼上程式碼，在編輯器旁即時看到網頁呈現結果。

開啟工具

Markdown 轉 JSON

將 Markdown AST、表格和前置中繼資料轉換為 JSON。

開啟工具

HTML 轉 JSON

將 HTML 結構轉換為 JSON 樹。

開啟工具

如何使用 BBCode 檢視器

  1. 1

    貼上你的 BBCode

    在左側有語法上色的編輯器輸入或貼上 BBCode，例如 [b]粗體文字[/b] 或 [url=https://example.com]連結[/url]；也可以直接開啟本機的 .txt 檔載入內容。

  2. 2

    看即時預覽結果

    右側面板會同步更新，呈現這段文字在論壇上實際渲染後的樣子；按燒瓶圖示可載入範例，快速看到各種標籤的效果。

  3. 3

    套用並驗證標籤

    選取文字後按工具列按鈕，或用 Ctrl+B、Ctrl+Shift+8 等快捷鍵套上標籤；插入連結和圖片時會跳出網址欄位，對照預覽調整到想要的排版。

  4. 4

    複製或匯出成果

    複製 BBCode 貼回論壇貼文；或把預覽切到 HTML 檢視複製、下載 HTML，也能存成 .txt 檔。

參考資料

  • Wikipedia — BBCode

    BBCode 的維基百科條目，說明其起源、常用標籤，以及論壇系統如何解析這套輕量標記語言。

  • 維基百科 — BBCode

    中文維基百科的 BBCode 條目，介紹它的由來、常見標籤，以及論壇以方括號標籤取代 HTML 的原因。

  • phpBB — BBCode 使用指南

    phpBB 官方文件，完整列出粗體、斜體、連結、圖片、引用、程式碼等標準 BBCode 標籤用法。

  • Steam 社群 — 文字格式說明

    Steam 官方列出評論與討論區可用 BBCode 標籤的頁面，含 [spoiler]、[noparse]、[olist] 與表格參數。

  • Godot 文件 — RichTextLabel 中的 BBCode

    Godot 引擎的 BBCode 方言說明，含 [wave]、[shake] 等論壇沒有的動畫標籤，可對照兩者差異。

相關工具

Markdown 檢視器

即時預覽 Markdown 排版，是另一種常用於貼文與文件的輕量標記語言。

HTML 檢視器

渲染並預覽原始 HTML，方便檢查 BBCode 轉換後產生的內容。

HTML 壓縮工具

發佈前移除多餘空白與註解，壓縮 HTML 原始碼。

文字比對 / 差異

並排比對兩段文字或標記，快速找出不同之處。

常見問題

BBCode 是什麼？
BBCode（Bulletin Board Code，佈告欄代碼）是論壇和留言板用來排版貼文的輕量標記語言。標籤以方括號包住，例如 [b]粗體[/b] 或 [url]連結[/url]，顯示時會轉換成安全的 HTML。早期的 phpBB、Discuz、vBulletin 等論壇系統都廣泛採用。
這款檢視器支援哪些 BBCode 標籤？
共 34 個，涵蓋 [b] [i] [u] 等文字樣式、[h1]–[h6] 標題、[url] [img] 連結圖片、[quote] [code] 區塊與 [table] 表格，也包括 [strike]、[spoiler]、[noparse]、[olist]，Steam 格式寫法也能預覽。[youtube]、[font]、[align] 不支援，會顯示為純文字。
BBCode 的顏色、字體大小要怎麼寫？
顏色寫成 [color=red]文字[/color]，也可以用色碼 [color=#ff6600]文字[/color]（三碼 #f60 亦可）。字體大小寫成 [size=20]文字[/size]，數字代表像素，有效範圍是 1 到 200；色名或數值無法辨識時，標籤會被略過、只保留文字，預覽中一眼就能看出哪裡寫錯。
BBCode 怎麼插入圖片和連結？
圖片用 [img]https://example.com/a.png[/img]，需要固定尺寸可寫 [img width=300 height=200]網址[/img]。連結用 [url]https://example.com[/url]，想自訂文字就寫 [url=https://example.com]點這裡[/url]；只寫網域如 [url=example.com] 會自動補上 https://。只接受 http 與 https 網址，其他寫法會原樣顯示成文字。
BBCode 表格怎麼排？
用 [table] 包住整張表，每列一組 [tr]，表頭儲存格用 [th]、一般儲存格用 [td]；跨欄、跨列可寫 [td colspan=2]、[td rowspan=2]。工具列的表格按鈕會直接插入兩欄兩列的範本。另支援 Steam 的 [table noborder=1]（無框線）與 [table equalcells=1]（等寬欄）。
編輯器有即時預覽嗎？
有。當你在編輯器輸入或貼上 BBCode 時，右側預覽面板會立即更新，發文前就能確認格式化文字實際呈現的樣子，不必反覆送出測試。
可以把 BBCode 轉成 HTML 嗎？
可以。把右側預覽面板從「預覽」切到「HTML」，即可複製 HTML 或下載成 .html 檔；輸出只放行 http/https 連結，並移除 script 與 on* 事件屬性。
我輸入的 BBCode 會上傳到伺服器嗎？
不會。所有解析與渲染都完全在你的瀏覽器本機進行，文字不會離開你的裝置，也不會上傳到任何伺服器，隱私無虞。
BBCode 和 Markdown 有什麼不同？
兩者都是輕量標記語言，但語法不同：BBCode 用方括號標籤（如 [b]…[/b]），常見於傳統論壇；Markdown 用符號（如 **粗體**），常見於 GitHub、文件和部落格。若你的平台支援 Markdown，可改用本站的 Markdown 檢視器。
Steam 評論的 BBCode 也能預覽嗎？
可以。Steam 文字格式說明頁列出的標籤都能渲染，包括會把內容遮住、滑鼠移上或點選才顯示的 [spoiler]，讓標籤原樣顯示的 [noparse]，編號清單 [olist]，以及 [quote=作者]、[table noborder=1] 等寫法，貼到評論或討論區前先在這裡確認排版。
Godot 的 BBCode 和論壇 BBCode 一樣嗎？
不完全一樣。Godot 的 RichTextLabel 借用了方括號語法，但另外定義了 [wave]、[shake]、[pulse] 等動畫標籤和 [font_size] 這類字型標籤，論壇都沒有。這裡渲染的是論壇用的 BBCode，Godot 專屬標籤不會生效，會以原文顯示。
為什麼我的標籤沒有效果、直接顯示成文字？
常見原因有三：標籤不在支援清單內（例如 [font]、[youtube]、[align]）；網址不是 http/https 開頭；或是包在 [code]、[noparse] 裡面，這兩個標籤本來就會讓內部的標籤原樣顯示。另外，巢狀超過 256 層的標籤也會保留為文字，避免頁面卡住。