日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

UBB 轉(zhuǎn)換函數(shù)演示_Dreamweaver教程

編輯Tag賺U幣
教程Tag：暫無Tag,歡迎添加,賺取U幣!

UBB代碼對(duì)于經(jīng)常上論壇的朋友來說是最熟悉不過了。
經(jīng)典論壇的UBB轉(zhuǎn)換我覺得是處理的非常好的，研究了一下它的轉(zhuǎn)換結(jié)果[因?yàn)闆]有源碼:)]，做了下面的演示。轉(zhuǎn)換結(jié)果基本上覺得象了。

主要是針對(duì)[code][html]這兩個(gè)標(biāo)簽的處理，其他的UBB標(biāo)簽還是一般的處理方法。

下面是分別用javascript和vbscript實(shí)現(xiàn)的演示。自己做論壇的朋友，假如想實(shí)現(xiàn)類似經(jīng)典論壇的運(yùn)行代碼框可以看看這種轉(zhuǎn)換。

歡迎大家輸入盡量多格式的UBB進(jìn)行測試，多多指出錯(cuò)誤。

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")>轉(zhuǎn)換</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" //答應(yīng)笑臉轉(zhuǎn)換
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('共耗時(shí) ' 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=運(yùn)行代碼>[Ctrl A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]</span>")});
return(content);

共11頁上一頁123456789下一頁
來源：網(wǎng)上收集//所屬分類：Dreamweaver教程/更新時(shí)間：2005-05-04
相關(guān)Dreamweaver教程：