UBB / HTML互转工具
UBB 代码输入
HTML 代码输出
工具介绍与功能
支持常见论坛 UBB 标记与标准 HTML 标签之间的双向转换，提供实时统计、示例填充与标签速查，满足运营、编辑、论坛发帖等场景需求。
- 双向转换：内置 20+ 常用 UBB 标记解析规则，自动保留颜色、字体、大小、超链接、引用、代码块等格式信息。
- 实时统计：自动统计字符数和行数，便于掌握内容规模。
- 示例填充：提供示例数据快速体验功能。
- 本地处理：页面完全基于前端实现，输入内容不会上传服务器。
使用方法
- 在左侧输入框粘贴或编写 UBB 代码，或在右侧输入框粘贴 HTML 源码。
- 点击对应方向的转换按钮，系统会自动解析并填充结果。
- 确认格式无误后，可直接复制结果或使用交换功能继续编辑。
- 需要参考语法时，可查阅下方 UBB 标记速查表及使用说明。
安全保障
- 本地处理：所有转换均在浏览器本地完成，不依赖后端接口。
- 隐私保护：适合处理未经脱敏的敏感资料，无需担心数据泄露。
- 一键重置：使用完毕可一键重置，清除所有内容。
常用 UBB 标记速查表
| 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 标记不支持嵌套使用，等号后的参数无需引号，标记与内容之间请勿添加空格，结束标记必须包含正斜杠。
常见问题
为何转换结果带有 data-ubb 属性？
为了实现 HTML → UBB 的精准还原，工具会在生成的 HTML 元素中写入 data-ubb 标签属性，这些属性不会影响浏览器展示，可在上线前保留或手动移除。
支持哪些浏览器？
工具适配主流现代浏览器，包括 Chrome、Edge、Firefox、Safari 等。若需要在旧版 IE 使用，建议转换后手动确认兼容性。
如何保障内容安全？
所有逻辑运行于本地浏览器，无需网络请求，也不会保留历史记录。处理敏感内容时建议在使用完毕后点击"全部重置"按钮。
适用场景
- 论坛运营：论坛/社区运营人员需要在不同系统间迁移排版内容。
- 文档编辑：技术文档编辑在整理教程或 FAQ 时需要快速转换格式。
- 内容迁移：网站管理员需要批量校准存量 UBB 内容的 HTML 展示。
- 内容发布：提供常见标记一键转换，复杂结构也能保持层次。
注意事项
- 标签嵌套：不建议嵌套 UBB 标签或引入不在速查表内的扩展标记。
- 预览确认：发布前可在预览环境再次审阅 HTML 展示效果。
- 自定义样式：如需自定义样式，可基于生成的 HTML 添加自有 class。
- 浏览器兼容：工具适配主流现代浏览器，旧版 IE 需手动确认兼容性。
广告位 336×280