经典论坛的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]te st[/color][/html] [html][code]te st[/code][/html] [code][html]te st[/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>"+D<a class='Channel_KeyLink' href='http://www.enadd.com/appdev/ShowClass.asp?ClassID=56'>vb</a>bsHtmlAn($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); } function hencode(fString){ //简单模拟server.htmlencode <a class='Channel_KeyLink' href='http://www.enadd.com/Article/ShowClass.asp?ClassID=13'>ASP</a>中不用这个 fString = fString.replace(/&/ig,"&") fString = fString.replace(/>/ig,">") //> fString = fString.replace(/</ig,"<") //< return fString; } function D<a class='Channel_KeyLink' href='http://www.enadd.com/appdev/ShowClass.asp?ClassID=56'>vb</a>bsHtmlAn(fString){ if(fString=="")return(""); fString=hencode(fString) fString = fString.replace(/\t/ig," ") //Tab fString = fString.replace(/"/ig,""") //" fString = fString.replace(/'/ig,"'") //' fString = fString.replace(/\r/ig,"") //回车是一个13+10 fString = fString.replace(/\n\n/ig,"<P>") // fString = fString.replace(/\n/ig,"<BR>") //换行 fString = fString.replace(/\x20/ig," ") //空格 return(fString); } function trans(strContent){ var re; strContent=D<a class='Channel_KeyLink' href='http://www.enadd.com/appdev/ShowClass.asp?ClassID=56'>vb</a>bsHtmlAn(strContent); re=/\[IMG\](.+?)\[\/IMG\]/ig; strContent=strContent.replace(re,"<a href=$1 target=_blank><IMG SRC=$1 border=0 alt=按此在新窗口浏览图片 onload=\"<a class='Channel_KeyLink' href='http://www.enadd.com/JAVA/Index.html'>java</a>script:if(this.width>screen.width-333)this.width=screen.width-333\" galleryImg=no></a>"); re=/\[DIR=*([0-9]*),*([0-9]*)\](.*?)\[\/DIR]/ig strContent=strContent.replace(re,"<object classid=clsid:166B1BCA-3F9C-11CF-8075-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=7,0,2,0 width=$1 height=$2><param name=src value=$3><embed src=$3 pluginspage=http://www.macromedia.com/shockwave/download/ width=$1 height=$2></embed></object>") re=/\[QT=*([0-9]*),*([0-9]*)\](.*?)\[\/QT]/ig strContent=strContent.replace(re,"<embed src=$3 width=$1 height=$2 autoplay=true loop=false controller=true playeveryframe=false cache=false scale=TOFIT bgcolor=#000000 kioskmode=false targetcache=false pluginspage=http://www.apple.com/quicktime/>") re=/\[MP=*([0-9]*),*([0-9]*)\](.*?)\[\/MP]/ig strContent=strContent.replace(re,"<object align=middle classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=OBJECT id=MediaPlayer width=$1 height=$2 ><param name=ShowStatusBar value=-1><param name=Filename value=$3><embed type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp src=$3 width=$1 height=$2></embed></object>") re=/\[RM=*([0-9]*),*([0-9]*)\](.*?)\[\/RM]/ig strContent=strContent.replace(re,"<OBJECT classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA class=OBJECT id=RAOCX width=$1 height=$2><PARAM NAME=SRC VALUE=$3><PARAM NAME=CONSOLE VALUE=Clip1><PARAM NAME=CONTROLS VALUE=imagewindow><PARAM NAME=AUTOSTART VALUE=true></OBJECT><br><OBJECT classid=CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA height=32 id=video2 width=$1><PARAM NAME=SRC VALUE=$3><PARAM NAME=AUTOSTART VALUE=-1><PARAM NAME=CONTROLS VALUE=controlpanel><PARAM NAME=CONSOLE VALUE=Clip1></OBJECT>") re=/(\[FLASH\])(.*?)(\[\/FLASH\])/ig strContent= strContent.replace(re,"<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 width=500 height=400><PARAM NAME=movie VALUE=$2><PARAM NAME=quality VALUE=high><embed src=$2 quality=high pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width=500 height=400>$2</embed></OBJECT>") re=/(\[FLASH=*([0-9]*),*([0-9]*)\])(.*?)(\[\/FLASH\])/ig strContent= strContent.replace(re,"<a href=$4 TARGET=_blank><IMG SRC=pic/swf.gif border=0 alt=点击开新窗口欣赏该FLASH动画!> [全屏欣赏]</a><br><br><OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 width=$2 height=$3><PARAM NAME=movie VALUE=$4><PARAM NAME=quality VALUE=high><param name=menu value=false><embed src=$4 quality=high menu=false pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width=$2 height=$3>$4</embed></OBJECT>") re=/(\[UPLOAD=gif\])(.*?)(\[\/UPLOAD\])/ig strContent= strContent.replace(re,"<br><IMG SRC="+picurl+"gif.gif border=0>此主题相关图片如下：<br><A HREF=$2 TARGET=_blank><IMG SRC=$2 border=0 alt=按此在新窗口浏览图片 onload=\"<a class='Channel_KeyLink' href='http://www.enadd.com/JAVA/Index.html'>java</a>script:if(this.width>screen.width-333)this.width=screen.width-333\"></A>") re=/(\[UPLOAD=jpg\])(.*?)(\[\/UPLOAD\])/ig strContent= strContent.replace(re,"<br><IMG SRC="+picurl+"jpg.gif border=0>此主题相关图片如下：<br><A HREF=$2 TARGET=_blank><IMG SRC=$2 border=0 alt=按此在新窗口浏览图片 onload=\"<a class='Channel_KeyLink' href='http://www.enadd.com/JAVA/Index.html'>java</a>script:if(this.width>screen.width-333)this.width=screen.width-333\"></A>") re=/(\[UPLOAD=bmp\])(.*?)(\[\/UPLOAD\])/ig strContent= strContent.replace(re,"<br><IMG SRC="+picurl+"bmp.gif border=0>此主题相关图片如下：<br><A HREF=$2 TARGET=_blank><IMG SRC=$2 border=0 alt=按此在新窗口浏览图片 onload=\"<a class='Channel_KeyLink' href='http://www.enadd.com/JAVA/Index.html'>java</a>script:if(this.width>screen.width-333)this.width=screen.width-333\"></A>") re=/(\[UPLOAD=(.[^\[]*)\])(.*?)(\[\/UPLOAD\])/ig strContent= strContent.replace(re,"<br><IMG SRC="+picurl+"$2.gif border=0> <a href=$3>点击浏览该文件</a>") re=/(\[URL\])(.*?)(\[\/URL\])/ig strContent= strContent.replace(re,"<A HREF=$2 TARGET=_blank>$2</A>") re=/(\[URL=(.[^\[]*)\])(.*?)(\[\/URL\])/ig strContent= strContent.replace(re,"<A HREF=$2 TARGET=_blank>$3</A>") re=/(\[EMAIL\])(.*?)(\[\/EMAIL\])/ig strContent= strContent.replace(re,"<img align=absmiddle src=pic/email1.gif><A HREF=\"mailto:$2\">$2</A>") re=/(\[EMAIL=(.[^\[]*)\])(.*?)(\[\/EMAIL\])/ig strContent= strContent.replace(re,"<img align=absmiddle src=pic/email1.gif><A HREF=\"mailto:$2\" TARGET=_blank>$3</A>") re =/^(http:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") re =/(http:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)$/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") re =/[^>=""](http:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") re =/^(ftp:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") re =/(ftp:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)$/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") re =/[^>=""](ftp:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") re =/^(rtsp:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") re =/(rtsp:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)$/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") re =/[^>=""](rtsp:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") re =/^(mms:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") re =/(mms:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)$/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") re =/[^>=""](mms:\/\/[A-Za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strContent = strContent.replace(re,"<img align=absmiddle src=pic/url.gif><a target=_blank href=$1>$1</a>") if(strIcons == "1"){ //笑脸转换 re=/(\[em(.*?)\])/ig strContent=strContent.replace(re,"<img src="+picurl+ImgName+"$2.gif border=0 align=middle>") } if(strSmile == "1"){ //笑脸转换 re=/(\[s(\d{1,2})\])/ig strContent=strContent.replace(re,"<img src=smile/face$2.gif border=0 align=middle>") } re=/(\[color=(.[^\[]*)\])(.*?)(\[\/color\])/ig strContent=strContent.replace(re,"<font color=$2>$3</font>") re=/(\[face=(.[^\[]*)\])(.*?)(\[\/face\])/ig strContent=strContent.replace(re,"<font face=$2>$3</font>") re=/(\[align=(.[^\[]*)\])(.*?)(\[\/align\])/ig strContent=strContent.replace(re,"<div align=$2>$3</div>") //循环转换quote re=/(\[QUOTE\])(.*?)(\[\/QUOTE\])/ig while(strContent.indexOf("[quote]")>0 && strContent.indexOf("[/quote] ")>0){ strContent=strContent.replace(re,"<blockquote>引用:<hr><span>$2</span><hr></blockquote>") } re=/(\[fly\])(.*?)(\[\/fly\])/ig strContent=strContent.replace(re,"<marquee width=90% behavior=alternate scrollamount=3>$2</marquee>") re=/(\[move\])(.*?)(\[\/move\])/ig strContent=strContent.replace(re,"<MARQUEE scrollamount=3>$2</marquee>") re=/\[GLOW=*([0-9]*),*(#*[a-z0-9]*),*([0-9]*)\](.*?)\[\/GLOW]/ig strContent=strContent.replace(re,"<table width=$1 style=\"filter:glow(color=$2, strength=$3)\">$4</table>") re=/\[SHADOW=*([0-9]*),*(#*[a-z0-9]*),*([0-9]*)\](.*?)\[\/SHADOW]/ig strContent=strContent.replace(re,"<table width=$1 style=\"filter:shadow(color=$2, strength=$3)\">$4</table>") re=/(\[i\])(.*?)(\[\/i\])/ig strContent=strContent.replace(re,"<i>$2</i>") re=/(\[u\])(.*?)(\[\/u\])/ig strContent=strContent.replace(re,"<u>$2</u>") re=/(\[b\])(.*?)(\[\/b\])/ig strContent=strContent.replace(re,"<b>$2</b>") re=/(\[size=1\])(.*?)(\[\/size\])/ig strContent=strContent.replace(re,"<font size=1>$2</font>") re=/(\[size=2\])(.*?)(\[\/size\])/ig strContent=strContent.replace(re,"<font size=2>$2</font>") re=/(\[size=3\])(.*?)(\[\/size\])/ig strContent=strContent.replace(re,"<font size=5>$2</font>") re=/(\[size=4\])(.*?)(\[\/size\])/ig strContent=strContent.replace(re,"<font size=6>$2</font>") re=/\[size=([+|-]?[0-7])\](.*?)(\[\/size\])/ig strContent=strContent.replace(re,"<font size=$1>$2</font>") re=/(\[list\])(.+?)(\[\/list\])/ig; strContent=strContent.replace(re,"<UL TYPE=SQUARE>$2<\/UL>"); re=/(\[list=)(A|1)(\])(.+?)(\[\/list\])/ig; strContent=strContent.replace(re,"<OL TYPE=$2>$4<\/OL>"); re=/(\[\*\])/ig; strContent=strContent.replace(re,"<LI>"); re=/(\[center\])(.*?)(\[\/center\])/ig strContent=strContent.replace(re,"<center>$2</center>") re=/(\[table=(#*[a-z0-9]*),(#*[a-z0-9]*),(#*[a-z0-9]*)\])(.*?)(\[\/table\])/ig strContent=strContent.replace(re,"<table border=0 cellpadding=5 cellspacing=1 bgcolor=$2><tr><td bgcolor=$3><font color=$4>$5</font></td></tr></table>") return(strContent); } </script>
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] 下一页
网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） 