UBB 转换函数演示
<P> UBB代码对于经常上论坛的朋友来说是最熟悉不过了。<BR>经典论坛的UBB转换我觉得是处理的非常好的，研究了一下它的转换结果[因为没有源码:)]，做了下面的演示。转换结果基本上觉得象了。</P><P> 主要是针对这两个标签的处理，其他的UBB标签还是一般的处理方法。</P><P> 下面是分别用javascript和vbscript实现的演示。自己做论坛的朋友，如果想实现类似经典论坛的运行代码框可以看看这种转换。</P><P>欢迎大家输入尽量多格式的UBB进行测试，多多指出错误。</P><P>javascript:</P><FIELDSET style="COLOR: #808080" align=center><P><style><BR>.CodeSamp {<BR> 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;<BR>}<BR>textarea {<BR>border-width: 1; border-color: #000000;font-size: 12px;FONT-FAMILY: "Tahoma", "MS Shell Dlg";<BR>}<BR></style></P><P><TEXTAREA name=phx cols=65 rows=12><BR>blue</P><P>te<BR>st</P><P>te<BR>st</P><P>te<BR>st</textarea><BR><br><button onclick=show.innerHTML=UBBCode(phx.value,"html")>转换</button><br><BR><div id=show style="border:1 solid skyblue;width=500;font-size: 12px;FONT-FAMILY: <BR>'Tahoma', 'MS Shell Dlg';<BR>"></div></P><P><BR><script><BR>strIcons = "1"//允许笑脸转换<BR>strSmile="1" //同上<BR>ImgName="em"<BR>picurl="pic/"</P><P>function UBBCode(content,html){<BR>st=new Date().getTime()<BR>content=content.replace(/\[(\/)?phx_code\]/ig,"{$1phx_code}");<BR>content=content.replace(/\[(\/)?phx_html\]/ig,"{$1phx_html}");<BR>content="" content ""; <BR>content=content.replace(/(\([\s\S] ?)\[\/code\])/ig,"$1");<BR>content=content.replace(/\([\s\S]*?)\[\/phx_code\]/ig,function($1,$2){if(html=="html"){return(HTMLCode($2));}else{return(trans($2));}});<BR>content=content.replace(/\(\r\n)?([\s\S] ?)\[\/code\]/ig,function($1,$2,$3){return("<PRE class=CodeSamp>" DvbbsHtmlAn($3) "</PRE>")});<BR>content=content.replace(/\{(\/)?phx_code\}/ig,"[$1phx_code]");<BR>content=content.replace(/\{(\/)?phx_html\}/ig,"[$1phx_html]");<BR>alert('共耗时 ' eval(new Date().getTime()-st) ' ms');<BR>return(content);<BR>}</P><P>function HTMLCode(content){<BR>content="" content ""; <BR>content=content.replace(/(\([\s\S] ?)\[\/html\])/ig,"$1");<BR>content=content.replace(/\([\s\S]*?)\[\/phx_html\]/ig,function($1,$2){return(trans($2))});<BR>content=content.replace(/\([\s\S] ?)\[\/html\]/ig,function($1,$2){return("<span><TEXTAREA cols=95 rows=12>" hencode($2) "</TEXTAREA><br><INPUT onclick=runCode() type=button value=运行代码></span>")});<BR>return(content);<BR>}</P><P>function hencode(fString){//简单模拟server.htmlencode ASP中不用这个<BR> fString = fString.replace(/&/ig,"&amp;") <BR> fString = fString.replace(/>/ig,"&gt;") //><BR> fString = fString.replace(/</ig,"&lt;") //<<BR>return fString;<BR>}</P><P>function DvbbsHtmlAn(fString){</P><P>if(fString=="")return("");</P><P>fString=hencode(fString)</P><P> fString = fString.replace(/\t/ig,"&nbsp;&nbsp;&nbsp;") //Tab<BR> fString = fString.replace(/"/ig,"&quot;") //"<BR> fString = fString.replace(/'/ig,"&#39;") //'<BR> fString = fString.replace(/\r/ig,"") //回车是一个13 10<BR> fString = fString.replace(/\n\n/ig,"<P>") // <BR> fString = fString.replace(/\n/ig,"<BR>") //换行<BR
页:
[1]