BBCode 檢視器 - 線上 BBCode 編輯器和預覽工具

即時預覽並編輯 BBCode,將標籤轉換為 HTML 並測試論壇貼文排版效果,免費線上使用,無需安裝。

把 BBCode 原始碼貼進左側編輯器,這款線上檢視器就會即時把 [b]、[i]、[u]、[url]、[img]、[quote]、[code] 等標籤渲染成 HTML 預覽,讓你發文前先確認排版。所有解析都在瀏覽器本機完成,不會上傳到伺服器,發論壇貼文、留言板或簽名檔都能放心測試。整套工具免安裝、免註冊,打開網頁就能用。

BBCode 編輯器

152

即時預覽

預覽

Bold Italic Underline Link
This is a quote
console.log('Hello World')

你可能還需要

Markdown 檢視器

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

開啟工具

HTML 檢視器

即時預覽和編輯 HTML 程式碼。

開啟工具

Markdown 轉 JSON

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

開啟工具

HTML 轉 JSON

將 HTML 結構轉換為 JSON 樹。

開啟工具

如何使用 BBCode 檢視器

在左側編輯器中輸入您的 BBCode。右側預覽將自動更新,顯示格式化文字的確切外觀。支援的標籤包括 [b]、[i]、[u]、[url]、[img]、[quote]、[code] 等。

主要功能

  • 即時預覽:輸入時即時檢視更改。
  • 安全可靠:所有處理均在您的瀏覽器本機進行。
  • 簡潔介面:乾淨、無干擾的編輯器。
  • 完全免費:無費用,無限制。

如何使用 BBCode 檢視器

  1. 1

    貼上你的 BBCode

    在左側編輯器輸入或貼上 BBCode 原始碼,例如 [b]粗體文字[/b] 或 [url=https://example.com]連結文字[/url]。

  2. 2

    看即時預覽結果

    右側面板會同步更新,呈現這段文字在論壇上實際渲染後的樣子,所見即所得。

  3. 3

    微調並驗證標籤

    調整 [i]、[u]、[img]、[quote]、[code] 等支援的標籤,直到預覽符合你想要的排版效果。

  4. 4

    複製完成的原始碼

    預覽確認無誤後,把編輯器裡的 BBCode 複製起來,貼回你的論壇或留言板貼文即可。

參考資料

  • Wikipedia — BBCode

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

  • phpBB — BBCode 使用指南

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

相關工具

常見問題

BBCode 是什麼?
BBCode(Bulletin Board Code,佈告欄代碼)是論壇和留言板用來排版貼文的輕量標記語言。標籤以方括號包住,例如 [b]粗體[/b] 或 [url]連結[/url],顯示時會轉換成安全的 HTML。早期的 phpBB、Discuz、vBulletin 等論壇系統都廣泛採用。
這款檢視器支援哪些 BBCode 標籤?
支援常見標籤,包括 [b] 粗體、[i] 斜體、[u] 底線、[url] 連結、[img] 圖片、[quote] 引用、[code] 程式碼區塊等多種標籤,足以應付大多數論壇貼文的排版需求。
編輯器有即時預覽嗎?
有。當你在編輯器輸入或貼上 BBCode 時,右側預覽面板會立即更新,發文前就能確認格式化文字實際呈現的樣子,不必反覆送出測試。
可以把 BBCode 轉成 HTML 嗎?
可以。檢視器會解析你的 BBCode 並在預覽區渲染成 HTML,讓你確認論壇系統最終會產生的排版結果,也方便對照原始碼學習標籤對應的 HTML。
我輸入的 BBCode 會上傳到伺服器嗎?
不會。所有解析與渲染都完全在你的瀏覽器本機進行,文字不會離開你的裝置,也不會上傳到任何伺服器,隱私無虞。
BBCode 和 Markdown 有什麼不同?
兩者都是輕量標記語言,但語法不同:BBCode 用方括號標籤(如 [b]…[/b]),常見於傳統論壇;Markdown 用符號(如 **粗體**),常見於 GitHub、文件和部落格。若你的平台支援 Markdown,可改用本站的 Markdown 檢視器。