HTML 与 UBB 代码互转工具Markup
Discuz / 贴吧 / 论坛常用 UBB 标签([b]、[url]、[img]、[color]等)与 HTML 富文本标签双向转换及实时渲染预览
🔍 浏览器实际渲染效果预览:
工具说明与使用提示
工具说明
两侧输入实时互转,也可点击方向按钮重新生成,支持粗体、斜体、下划线、删除线、链接、图片、颜色、字号及引用等常用标签。结果可编辑和复制;可隐藏或显示预览,清空保持预览开关状态。
转换沿用参考站的正则替换规则,裁掉结果两端空白,不是完整 HTML 或 UBB 解析器。部分标签仅匹配单行、无属性的内容;HTML 段落规则也会匹配 <pre> 开标签,因此 HTML 代码块无法可靠转成 [code]。UBB 代码块和引用允许多行,反向转换会将所有换行替换为 <br/>,包括代码块中的换行。不支持的标签可能原样保留,不保证复杂嵌套可逆。
预览使用隔离 iframe,禁止脚本、表单、链接跳转和远端资源加载;仅允许内嵌样式和 data/blob 图片。默认链接按亮/暗主题提供可读颜色,输入中指定的样式仍保留。长内容预览最多显示 600px 高度并可滚动。这些限制不改变编辑框中的原始转换结果。
数据与隐私
输入和结果不会放入 URL、日志或浏览器持久化存储,不需要后端接口,远端图片不会因预览而加载。