BBCode 查看器 - 在线 BBCode 编辑器和预览工具
在线预览并编辑 BBCode，实时查看渲染效果、转换为 HTML，方便测试论坛帖子格式，无需注册。
把 BBCode 代码粘进左侧编辑器，右侧会一边输入一边实时渲染成 HTML 预览，[b]、[i]、[u]、[url]、[img]、[quote]、[code] 这些常见标签都能即时看到效果。整个解析过程都在你的浏览器本地完成，内容不会上传到任何服务器，发帖前可以放心地反复试排版。常用于 Discuz、phpBB 论坛和各类贴吧、留言板的帖子排版校对。
BBCode 编辑器
152
实时预览
预览
你可能还需要
如何使用 BBCode 查看器
在左侧编辑器中输入您的 BBCode。右侧预览将自动更新，显示格式化文本的确切外观。支持的标签包括 [b]、[i]、[u]、[url]、[img]、[quote]、[code] 等。
主要功能
- 实时预览:输入时即时查看更改。
- 安全可靠:所有处理均在您的浏览器本地进行。
- 简洁界面:干净、无干扰的编辑器。
- 完全免费:无费用，无限制。
BBCode 查看器使用步骤
- 1
输入 BBCode 代码
在左侧编辑器里输入或粘贴 BBCode，例如 [b]加粗文字[/b] 或 [url=https://example.com]链接[/url]。
- 2
查看实时预览
右侧面板会同步刷新，准确呈现这段代码发到论坛后实际的显示效果，无需来回提交测试。
- 3
调整并核对标签
按需修改 [i]、[u]、[img]、[quote]、[code] 等标签，反复对照预览，直到排版符合预期。
- 4
复制成品代码
确认预览无误后，把编辑器里的 BBCode 复制下来，粘贴到论坛或留言板的发帖框即可。
参考资料
- Wikipedia — BBCode
BBCode 词条，介绍其由来、常见标签，以及论坛系统如何解析这种轻量标记语言。
- phpBB — BBCode 指南
phpBB 官方文档，完整列出加粗、斜体、链接、图片、引用、代码块等标准 BBCode 标签的写法。
相关工具
常见问题
- BBCode 是什么？
- BBCode（Bulletin Board Code，论坛代码）是一种轻量标记语言，用来给论坛和留言板的帖子排版。标签写在方括号里，例如 [b]加粗[/b] 或 [url]链接[/url]，显示时会被转换成安全的 HTML。Discuz、phpBB 等论坛程序普遍支持它。
- 这个 BBCode 编辑器支持哪些标签？
- 支持论坛里最常用的标签：[b] 加粗、[i] 斜体、[u] 下划线、[url] 链接、[img] 图片、[quote] 引用、[code] 代码块，以及其他若干常见标签，基本覆盖日常发帖排版需求。
- 编辑时能实时看到预览吗？
- 可以。你在编辑器里输入或粘贴 BBCode 的同时，右侧预览会立刻更新，发帖前就能确认格式化后的实际样子，不用先发出去再回头改。
- 可以把 BBCode 转成 HTML 吗？
- 可以。本工具会解析你的 BBCode 并在预览区渲染成 HTML，让你提前确认论坛程序最终生成的排版效果，也方便对照学习两者的对应关系。
- 我的 BBCode 内容会被上传到服务器吗？
- 不会。所有解析和渲染都在你的浏览器本地完成，文字不会离开你的设备，也不会上传到任何地方，可以放心粘贴包含隐私的草稿。
- BBCode 和 Markdown、HTML 有什么区别？
- 三者都用来排版。BBCode 用方括号标签，专为论坛设计、屏蔽了危险的原生 HTML，更安全；Markdown 用符号语法，常见于文档和博客；HTML 最底层、功能最全但论坛通常会限制。本工具帮你看清 BBCode 最终对应的 HTML 效果。