2008-02-23 06:21:06来源:互联网 阅读 ()
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);}
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>"); 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>")
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇: Dreamweaver MX打造弹出“向导”
下一篇: 用 onerror 获取错误信息
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网站联盟: 联盟新闻 联盟介绍 联盟点评 网赚技巧
行业资讯: 搜索引擎 网络游戏 电子商务 广告传媒
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash
程序设计: Java技术 C/C++ VB delphi
网络知识: 网络协议 网络安全 网络管理 组网方案 Cisco技术
操作系统: Win2000 WinXP Win2003 Mac OS Linux FreeBSD