首页| 新闻| 科技| 人物| 科学| 话题| 运营| 设计| 开发| 服务器| 学院| 产品| 网文| 娱乐| 游戏| 图片
UBB代码对于经常上论坛的朋友来说是最熟悉不过了。经典论坛的UBB转换我觉得是处理的非常好的,研究了一下它的转换结果[因为没有源码:)],做了下面的演示。转换结果基本上觉得象了。
主要是针对[code][html]这两个标签的处理,其他的UBB标签还是一般的处理方法。
下面是分别用javascript和vbscript实现的演示。自己做论坛的朋友,假如想实现类似经典论坛的运行代码框可以看看这种转换。
欢迎大家输入尽量多格式的UBB进行测试,多多指出错误。
javascript:
<style>.CodeSamp { PADDING-RIGHT: 0.5em; MARGIN-TOP: 1em; PADDING-LEFT: 0.5em; FONT-SIZE: 8p; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0.5em; MARGIN-LEFT: 0pt; PADDING-TOP: 0.5em; FONT-FAMILY: "Courier New"; BACKGROUND-COLOR: #eeeeee;width: 480px;overflow:hidden;border: 1px solid #888888;}textarea {border-width: 1; border-color: #000000;font-size: 12px;FONT-FAMILY: "Tahoma", "MS Shell Dlg";}</style>
<TEXTAREA name=phx cols=65 rows=12>[i][b][color=blue]blue[/color][/b][/i]
[html][color=red]test[/color][/html]
[html][code]test[/code][/html]
[code][html]test[/html][/code]</textarea><br><button onclick=show.innerHTML=UBBCode(phx.value,"html")>转换</button><br><div id=show style="border:1 solid skyblue;width=500;font-size: 12px;FONT-FAMILY: 'Tahoma', 'MS Shell Dlg';"></div>
<script>strIcons = "1" //答应笑脸转换strSmile="1" //同上ImgName="em"picurl="pic/"
function UBBCode(content,html){st=new Date().getTime()content=content.replace(//[(//)?phx_code/]/ig,"{$1phx_code}");content=content.replace(//[(//)?phx_html/]/ig,"{$1phx_html}");content="[phx_code]" content "[/phx_code]"; content=content.replace(/(/[code/]([/s/S] ?)/[//code/])/ig,"[/phx_code]$1[phx_code]");content=content.replace(//[phx_code/]([/s/S]*?)/[//phx_code/]/ig,function($1,$2){if(html=="html"){return(HTMLCode($2));}else{return(trans($2));}});content=content.replace(//[code/](/r/n)?([/s/S] ?)/[//code/]/ig,function($1,$2,$3){return("<PRE class=CodeSamp>" DvbbsHtmlAn($3) "</PRE>")});content=content.replace(//{(//)?phx_code/}/ig,"[$1phx_code]");content=content.replace(//{(//)?phx_html/}/ig,"[$1phx_html]");alert('共耗时 ' eval(new Date().getTime()-st) ' ms');return(content);}
function HTMLCode(content){ content="[phx_html]" content "[/phx_html]"; content=content.replace(/(/[html/]([/s/S] ?)/[//html/])/ig,"[/phx_html]$1[phx_html]");content=content.replace(//[phx_html/]([/s/S]*?)/[//phx_html/]/ig,function($1,$2){return(trans($2))});content=content.replace(//[html/]([/s/S] ?)/[//html/]/ig,function($1,$2){return("<span><TEXTAREA cols=95 rows=12>" hencode($2) "</TEXTAREA><br><INPUT onclick=runCode() type=button value=运行代码>[Ctrl A 全部选择 提示:你可先修改部分代码,再按运行]</span>")});return(content);
服务器、vps、虚拟空间屏蔽IP
https网站安全证书提示已过期
【官方说法】HTTPS的常见问题解答
校园甜美的背影,洋溢着青春烂漫的回忆
南国有佳人,容华若桃李
游览合肥滨湖湿地公园 美不胜收的湿地景
夏日图赏:初夏若雨等花开
路边摊小吃 酒香不怕巷子深
特色路边摊小吃 下班路上的一道美食
爷爷都是从孙子走过来的
我太帅了,睡不着咋整啊
新闻热点
疑难解答
图片精选
WEB教程:怎么构建Web端设计规范?
网站Web端交互式设计的一些误区是
adb shell——Android虚拟机调试必
ADT离线安装
网友关注