首頁(yè)| 新聞| 娛樂(lè)| 游戲| 科普| 文學(xué)| 編程| 系統(tǒng)| 數(shù)據(jù)庫(kù)| 建站| 學(xué)院| 產(chǎn)品| 網(wǎng)管| 維修| 辦公| 熱點(diǎn)
UBB代碼對(duì)于經(jīng)常上論壇的朋友來(lái)說(shuō)是最熟悉不過(guò)了。經(jīng)典論壇的UBB轉(zhuǎn)換我覺(jué)得是處理的非常好的,研究了一下它的轉(zhuǎn)換結(jié)果[因?yàn)闆](méi)有源碼:)],做了下面的演示。轉(zhuǎn)換結(jié)果基本上覺(jué)得象了。
主要是針對(duì)[code][html]這兩個(gè)標(biāo)簽的處理,其他的UBB標(biāo)簽還是一般的處理方法。
下面是分別用javascript和vbscript實(shí)現(xiàn)的演示。自己做論壇的朋友,假如想實(shí)現(xiàn)類(lèi)似經(jīng)典論壇的運(yùn)行代碼框可以看看這種轉(zhuǎn)換。
歡迎大家輸入盡量多格式的UBB進(jìn)行測(cè)試,多多指出錯(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]test[/color][/html]
[html][code]test[/code][/html]
[code][html]test[/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);
Intel工程樣品CPU的識(shí)別方法
圖解CMOS路線(xiàn)和硬盤(pán)光驅(qū)跳線(xiàn)的
硬盤(pán)分區(qū)如何設(shè)置準(zhǔn)確的分區(qū)空間
回眸一笑百魅生,六宮粉黛無(wú)顏色
歲月靜美,剪一影煙雨江南
蕪湖有個(gè)“松鼠小鎮(zhèn)”
小滿(mǎn):小得盈滿(mǎn),一切剛剛好!
一串串晶瑩剔透的葡萄,像一顆顆寶石掛在藤
正宗老北京脆皮烤鴨
人逢知己千杯少,喝酒搞笑圖集
搞笑試卷,學(xué)生惡搞答題
新聞熱點(diǎn)
疑難解答
圖片精選
微信小程序各種坑?填坑tip
web前端如何讓網(wǎng)頁(yè)布局穩(wěn)定性和標(biāo)
CSS定位深入理解 完全掌握CSS定位
徹底理解浮動(dòng)float CSS浮動(dòng)詳解 清
網(wǎng)友關(guān)注