UBB / HTML 互转工具
支持常见论坛UBB标记与标准HTML标签之间的双向转换，适合论坛运营、内容迁移、排版编辑等场景
纯前端转换
保留常用样式
支持一键复制
UBB 代码输入
0 字符 · 0 行
HTML 代码输出
0 字符 · 0 行
使用说明
- 在左侧输入框粘贴或编写 UBB 代码，或在右侧输入框粘贴 HTML 源码
- 点击对应方向的转换按钮，系统会自动解析并填充结果
- 确认格式无误后，可直接复制结果或使用交换功能继续编辑
- 需要参考语法时，可查阅下方 UBB 标记速查表及使用说明
工具功能
- 双向转换：内置 20+ 常用 UBB 标记解析规则，自动保留颜色、字体、大小、超链接等格式
- 实时统计：自动统计字符数和行数，便于掌握内容规模
- 示例填充：提供示例数据快速体验功能
- 本地处理：页面完全基于前端实现，输入内容不会上传服务器
安全保障
- 本地处理：所有转换均在浏览器本地完成，不依赖后端接口
- 隐私保护：适合处理未经脱敏的敏感资料，无需担心数据泄露
- 一键重置：使用完毕可一键重置，清除所有内容
常用 UBB 标记速查表
| UBB 标记 | 说明 | 输出 HTML |
|---|---|---|
| [url=https://example.com]链接[/url] | 带说明的超链接 | <a href="..." target="_blank"> |
| [img]url[/img] | 显示远程图片 | <img src="..." alt=""> |
| [b]粗体[/b] / [i]斜体[/i] / [u]下划线[/u] | 基础文本强调 | <strong> / <em> / <u> |
| [color=#1E40AF]颜色[/color] | 指定文本颜色 | <span style="color:..."> |
| [font=宋体]字体[/font] | 设置字体 | <span style="font-family..."> |
| [center]居中[/center] | 段落居中 | <div style="text-align:center"> |
| [quote]引用[/quote] | 引用内容强调 | <blockquote> |
| [code]代码块[/code] | 保留缩进格式 | <pre><code>...</code></pre> |
提示：UBB 标记不支持嵌套使用，等号后的参数无需引号，结束标记必须包含正斜杠。
常见问题
为何转换结果带有 data-ubb 属性？
为了实现 HTML → UBB 的精准还原，工具会在生成的 HTML 元素中写入 data-ubb 标签属性，这些属性不会影响浏览器展示。
支持哪些浏览器？
工具适配主流现代浏览器，包括 Chrome、Edge、Firefox、Safari 等。若需要在旧版 IE 使用，建议转换后手动确认兼容性。
如何保障内容安全？
所有逻辑运行于本地浏览器，无需网络请求，也不会保留历史记录。处理敏感内容时建议在使用完毕后点击"全部重置"按钮。
适用场景
论坛运营
在不同系统间迁移排版内容
文档编辑
整理教程或 FAQ 时快速转换格式
内容迁移
批量校准存量 UBB 内容的 HTML 展示
内容发布
常见标记一键转换，保持层次结构