HTML转UBB / UBB转HTML

复制结果

小知识点

UBB
UBB代码是HTML(标准通用标记语言下的一个应用)的一个变种,是Ultimate Bulletin Board (国外的一个BBS程序)采用的一种特殊的TAG。您也许已经对它很熟悉了。UBB代码很简单,功能很少,但是由于其Tag语法检查实现非常容易,所以不少网站引入了这种代码,以方便网友使用显示图片/链接/加粗字体等常见功能。
UBB与HTML一样,都是用来标记文本,并赋予文本一定的样式动作,但UBB作为HTML的一个变种,具备有代码简单、功能实用、上手简单、安全性高、不存在xss注入问题,因此被广泛引用于论坛讨论组等网站。
但因为毕竟HTML是主流的标记语言,而且HTML语法较UBB丰富,因此存在着将UBB和HTML转化的需求,对于UBB和HTML之间的转换,仅仅需要对应UBB的语法标签,利用正则表达式匹配即可完成。
UBB Code 说明
[url]www.box3.cn[/url] 加入带有说明的超级链接。
[url=https://www.box3.cn]www.box3.cn[/url] <a href="https://www.box3.cn">www.box3.cn</a>
[img]https://cdn.box3.cn/icons/icon32.png[/img] 显示你的图像,协议头 https:// 是必须的。
[b]粗体[/b] 粗体
[i]斜体[/i] 斜体
[u]下划线[/u] 下划线
[h1]字号一[/h1] 字号一
[h2]字号二[/h2] 字号二
[h3]字号三[/h3] 字号三
[h4]字号四[/h4] 字号四
[sup]上标[/sup] 上标显示
[sub]下标[/sub] 下标显示
[center]居中[/center] 居中显示
[right]居右[/right] 居右显示
[color=#0000FF]颜色[/color] 设置颜色
[&] 显示符号 &
[*]条目 无序缩进和列表
[list]条目 条目
[quote]引用[/quote] 引用显示
[download=https://www.box3.cn/test.zip]下载[/download] 下载地址和说明
[email]ubb@box3.cn[/email] Email 超级链接。
[fly]滚动文本[/fly] 相当于html marquee tag,其中direction为right,behavior为scroll,scrollamount为10,scrolldelay为200
[font=宋体]字体[/font] 设置字体
[size=3]字体大小[/size] 字体大小 / 设置字号
[#f7f7f7]彩色[/#] 同[color]标记
[w]https://www.box3.cn[/w] 在当前浏览其中显示一个浏览器窗口,相当于iframe,请注意url必须输入正确
[f w=200 h=300]https://www.box3.cn/hello.swf[/f] [f]https://www.box3.cn/world.swf[/f] flash,w为高度,h为宽度,使用第二种方式时缺省宽度和高度为500像素
[code]代码[/code] 代码显示