UBB转换函数演示

2008-02-23 06:08:28来源：互联网阅读 ()

　　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]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>" 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);

　　}

　　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(/\n\n/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>");

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有