开发者工具

BBCode 在线编辑器

在线 BBCode 编辑器：工具栏一键插入标签，实时预览论坛效果，可转 HTML 复制或下载。支持含 [spoiler] 在内的 34 个标签，本地解析，免注册。

BBCode 在线编辑器：在左侧输入 BBCode，右侧立刻渲染出发到论坛后的实际样子；选中文字点工具栏按钮或按 Ctrl+B、Ctrl+K 等快捷键即可套上标签。共支持 34 个标签——基础样式、[color] [size]、[img] [url] [email]、[quote] [code] [list] [table]、[h1]–[h6] 标题，以及 Steam 常用的 [spoiler] [noparse] [olist]；未识别的标签原样保留成文字，方便排查拼写错误。预览可切到 HTML 视图一键复制或下载 .html，也能打开本地 .txt 载入、把 BBCode 存成 .txt。解析全部在浏览器本地完成，不上传服务器，成品可粘回 phpBB、Discuz、SMF 或 Steam 评测的输入框。

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，也可以把 BBCode 存成 .txt 留底。

参考资料

相关工具

Markdown 查看器

实时预览 Markdown 排版，是另一种常用于帖子和文档的轻量标记语言。

HTML 查看器

渲染并预览原始 HTML 代码，手写 HTML 或核对论坛生成结果时可以用它对照。

HTML 压缩工具

去掉多余空白和注释，发布前为 HTML 代码瘦身。

文本对比与差异

并排比对两段文字或代码，快速找出不同之处。

常见问题

BBCode 是什么？
BBCode（Bulletin Board Code，论坛代码）是一种轻量标记语言，用来给论坛和留言板的帖子排版。标签写在方括号里，例如 [b]加粗[/b] 或 [url]链接[/url]，显示时由论坛程序转换成安全的 HTML。它诞生于 1998 年的 Ultimate Bulletin Board，如今 phpBB、Discuz、SMF、MyBB 等程序普遍支持。
这个 BBCode 编辑器支持哪些标签？
共 34 个。文字样式有 [b] [i] [u] [s] [strike]，标题 [h1] 到 [h6]，排版用 [color] [size] [center] [right] [hr]，链接图片用 [url] [link] [email] [img]，区块有 [quote] [code] [pre] [spoiler] [noparse] [list] [olist] [*]，表格为 [table] [thead] [tbody] [tr] [th] [td]。Steam 社区格式帮助页列出的标签都能渲染，包括 [quote=作者]、[table noborder=1] 以及省略 https:// 的 [url=store.steampowered.com]。[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 源码吗？
可以。在右侧预览面板把视图从「预览」切到「HTML」，就能看到渲染后的 HTML 源码，一键复制或下载成 .html 文件。HTML 与预览出自同一套白名单渲染：链接只放行 http/https（[email] 转成 mailto:），不输出 script 和 on* 事件属性，不安全的链接或图片地址会退回成纯文字。
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 个人资料页和贴吧类留言板也在用。各程序的标签集略有差异，发帖前用本工具预览一遍最稳。