UBB 转换函数演示 (经典论坛)_正则表达式教程-查字典教程网

UBB 转换函数演示 (经典论坛)

摘要：UBB代码对于经常上论坛的朋友来说是最熟悉不过了。这里我不多说了，关于怎么实现UBB转换，不了解的朋友请看这里正则表达式在ＵＢＢ论坛中的应用...

UBB代码对于经常上论坛的朋友来说是最熟悉不过了。这里我不多说了，关于怎么实现UBB转换，不了解的朋友请看这里正则表达式在ＵＢＢ论坛中的应用。

经典论坛的UBB转换我觉得是处理的非常好的，研究了一下它的转换结果[因为没有源码:)]，做了下面的演示。转换结果基本上觉得象了。

主要是针对[code]{html}这两个标签的处理，其他的UBB标签还是一般的处理方法。

下面是分别用javascript和vbscript实现的演示。自己做论坛的朋友，如果想实现类似经典论坛的运行代码框可以看看这种转换。

欢迎大家输入尽量多格式的UBB进行测试，多多指出错误。

javascirpt:

复制代码代码如下:

<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>

[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>

<div id=showTahoma', 'MS Shell Dlg';

"></div>

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]([sS]+?)[/code])/ig,"[/phx_code]$1[phx_code]");

content=content.replace(/[phx_code]([sS]*?)[/phx_code]/ig,function($1,$2){if(html=="html"){return(HTMLCode($2));}else{return(trans($2));}});

content=content.replace(/[code](rn)?([sS]+?)[/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]([sS]+?)[/html])/ig,"[/phx_html]$1[phx_html]");

content=content.replace(/[phx_html]([sS]*?)[/phx_html]/ig,function($1,$2){return(trans($2))});

content=content.replace(/[html]([sS]+?)[/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 ASP中不用这个

fString = fString.replace(/&/ig,"&")

fString = fString.replace(/>/ig,">")//>

fString = fString.replace(/</ig,"<")//<

return fString;

}

function DvbbsHtmlAn(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(/nn/ig,"<P>")//

fString = fString.replace(/n/ig,"<BR>")//换行

fString = fString.replace(/x20/ig,"")//空格

return(fString);

}

function trans(strContent){

var re;

strContent=DvbbsHtmlAn(strContent);

re=/[IMG](.+?)[/IMG]/ig;

strContent=strContent.replace(re,"<a href=$1 target=_blank><IMG SRC=$1 border=0 alt=按此在新窗口浏览图片 onload="javascript: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="javascript: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="javascript: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="javascript: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