UBB / HTML互转工具

支持常见论坛 UBB 标记与标准 HTML 标签之间的双向转换，提供实时统计、示例填充与标签速查，满足运营、编辑、论坛发帖等场景需求。

页面完全基于前端实现，输入内容不会上传服务器，内置 20+ 常用 UBB 标记解析规则，自动保留颜色、字体、大小、超链接、引用、代码块等格式信息，可随时复制迁移到目标系统。

📝 UBB 代码输入

0 字符 · 0 行

0 字符 · 0 行

内置超链接、下载、邮件、图像、字体、字号、颜色、列表、引用、代码块、滚动字幕、内嵌窗口等 UBB 标记解析逻辑，转换后保留语义化 HTML。

提供示例数据、字符行数统计、内容交换、快速复制等便捷操作，确保内容整理、排版迁移效率最大化。

所有转换均在浏览器本地完成，不依赖后端接口，适合处理未经脱敏的敏感资料，使用完毕可一键重置。

UBB 标记	说明	输出 HTML
`[url=https://www.gongju88.com]官网[/url]`	带说明的超链接	`<a href="..." target="_blank">`
`[download=https://www.gongju88.com/a.zip]下载[/download]`	附带下载属性的链接	`<a href="..." download>`
`[email]ubb@www.gongju88.com[/email]`	邮件地址链接	`<a href="mailto:...">`
`[img]https://www.gongju88.com/logo.jpg[/img]`	显示远程图片	`<img src="..." alt="">`
`[b]粗体[/b]` / `[i]斜体[/i]` / `[u]下划线[/u]`	基础文本强调	`<strong>` / `<em>` / `<u>`
`[color=#1E40AF]颜色[/color]` / `[#f7f7f7]彩色[/#]`	指定文本颜色	`<span style="color:...">`
`[font=宋体]字体[/font]` / `[size=3]大小[/size]`	设置字体与字号	`<span style="font-family/size">`
`[1]字号一[/1]` ~ `[4]字号四[/4]`	快速标题字号	`<span class="ubb-heading">`
`[sup]上标[/sup]` / `[sub]下标[/sub]`	科学公式、注释	`<sup>` / `<sub>`
`[center]居中[/center]`	段落居中	`<div style="text-align:center">`
`[list][*]条目[/list]`	无序列表	`<ul><li>...</li></ul>`
`[quote]引用[/quote]`	引用内容强调	`<blockquote>`
`[fly]滚动文本[/fly]`	跑马灯效果	`<marquee>`
`[w]https://www.gongju88.com[/w]`	内嵌网页窗口	`<iframe src="...">`
`[f w=200 h=300]资源[/f]`	内嵌多媒体/Flash	`<iframe width="200" height="300">`
`[code]代码块[/code]`	保留缩进格式	`<pre><code>...</code></pre>`
`[&]`	显示符号 &	`&`

提示：UBB 标记不支持嵌套使用，等号后的参数无需引号，标记与内容之间请勿添加空格，结束标记必须包含正斜杠。

为了实现 HTML → UBB 的精准还原，工具会在生成的 HTML 元素中写入 data-ubb 标签属性，这些属性不会影响浏览器展示，可在上线前保留或手动移除。

工具适配主流现代浏览器，包括 Chrome、Edge、Firefox、Safari 等。若需要在旧版 IE 使用，建议转换后手动确认兼容性。

所有逻辑运行于本地浏览器，无需网络请求，也不会保留历史记录。处理敏感内容时建议在使用完毕后点击“全部重置”按钮。