BBCode（Bulletin Board Code，论坛代码）是一种轻量标记语言，用来给论坛和留言板的帖子排版。标签写在方括号里，例如 [b]加粗[/b] 或 [url]链接[/url]，显示时由论坛程序转换成安全的 HTML。它诞生于 1998 年的 Ultimate Bulletin Board，如今 phpBB、Discuz、SMF、MyBB 等程序普遍支持。

这个 BBCode 编辑器支持哪些标签？

共 30 个：基础样式 [b] [i] [u] [s]；标题 [h1] 到 [h6]；排版 [color] [size] [center] [right] [hr]；链接与图片 [url] [link] [email] [img]；区块 [quote] [code] [pre] [list] [*]；表格 [table] [thead] [tbody] [tr] [th] [td]。[spoiler]、[youtube]、[font]、[align] 这类扩展标签不支持，输入后会原样显示成文字，不会被吞掉。

[color]、[size]、[img]、[url] 这些标签怎么写？

颜色写 [color=red]文字[/color] 或 [color=#ff6600]文字[/color]；字号写 [size=20]文字[/size]，数字即像素值；图片写 [img]https://example.com/a.png[/img]；链接写 [url]https://example.com[/url]，要自定义链接文字就写 [url=https://example.com]点这里[/url]；邮箱写 [email]name@example.com[/email]。

可以把 BBCode 转成 HTML 源码吗？

暂时不能直接导出。本工具会把 BBCode 解析后渲染成预览，让你先看到论坛里的实际排版，但界面上没有 HTML 输出框，也没有复制 HTML 的按钮。如果确实需要 HTML 代码，可以在预览区右键选「检查」，从浏览器开发者工具里复制对应的 DOM 片段。

Godot 的 BBCode 和论坛 BBCode 有什么区别？

Godot 引擎的 RichTextLabel 借用了 BBCode 的方括号语法，但自成一套方言：除了 [b]、[i]、[color]、[img] 这些同名标签，它还有 [wave]、[shake]、[pulse]、[font_size] 等论坛完全没有的动画与字体标签。本工具按论坛 BBCode 规则渲染，Godot 专属标签不会生效，会原样显示成文字。

BBCode 和 Markdown、HTML 有什么区别？

三者都用来排版。BBCode 用方括号标签，专为论坛设计，屏蔽了危险的原生 HTML，安全性最好；Markdown 用符号语法，写起来最轻，常见于文档、博客和 README；HTML 最底层、能力最全，但论坛通常禁止用户直接写。BBCode 与 Markdown 最终都会被转换成 HTML 后再显示。

我的 BBCode 内容会被上传到服务器吗？

不会。所有解析和渲染都在你的浏览器本地完成，文字不会离开你的设备，也不会上传到任何地方，可以放心粘贴包含隐私或未发布内容的草稿。关掉页面后输入的内容即消失。

哪些论坛程序在用 BBCode？

BBCode 是论坛界的通用排版语法，phpBB、Simple Machines Forum（SMF）、MyBB、vBulletin、XenForo、Discuz 等主流程序都支持，很多游戏社区、Steam 个人资料页和贴吧类留言板也在用。各程序的标签集略有差异，发帖前用本工具预览一遍最稳。

BBCode 在线编辑器

在线 BBCode 编辑器，左侧输入、右侧实时预览论坛发帖后的效果。支持 [b] [color] [size] [img] [url] [quote] [code] [table] 等 30 个标签，浏览器本地解析，免注册。

BBCode 在线编辑器：在左侧输入 BBCode，右侧立刻渲染出这段代码发到论坛后的实际样子。共支持 30 个标签——[b] [i] [u] [s] 基础样式、[color] [size] 颜色字号、[img] [url] [email] 链接图片、[quote] [code] [list] [table] 区块与表格、以及 [h1]–[h6] 标题；未识别的标签会原样保留成文字，方便排查拼写错误。解析全部在浏览器本地完成，内容不会上传服务器；核对无误后用工具栏一键复制 BBCode 源码，粘回 phpBB、Discuz、SMF、MyBB 等论坛的发帖框即可。本工具提供的是渲染后的预览效果，暂不导出 HTML 源码。

BBCode 编辑器

152

[b]Bold[/b] [i]Italic[/i] [u]Underline[/u]

[url=https://example.com]Link[/url]

[quote]This is a quote[/quote]

[code]console.log('Hello World')[/code]

[b]Bold[/b] [i]Italic[/i] [u]Underline[/u]

[url=https://example.com]Link[/url]

[quote]This is a quote[/quote]

[code]console.log('Hello World')[/code]

实时预览

预览

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 树。

打开工具