记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航

UBB 转换函数演示

[复制链接]
发表于 2015-8-3 13:28:40 | 显示全部楼层 |阅读模式
<font id="zoom">    UBB代码对于经常上论坛的朋友来说是最熟悉不过了。
经典论坛的UBB转换我觉得是处理的非常好的,研究了一下它的转换结果[因为没有源码:)],做了下面的演示。转换结果基本上觉得象了。
    主要是针对
  1. [html]这两个标签的处理,其他的UBB标签还是一般的处理方法。
  2.     下面是分别用javascript和vbscript实现的演示。自己做论坛的朋友,假如想实现类似经典论坛的运行代码框可以看看这种转换。
  3. 欢迎大家输入尽量多格式的UBB进行测试,多多指出错误。
  4. javascript:
  5. <style>
  6. .CodeSamp {
  7. 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;
  8. }
  9. textarea {
  10. border-width: 1; border-color: #000000;font-size: 12px;FONT-FAMILY: "Tahoma", "MS Shell Dlg";
  11. }
  12. </style>
  13. <TEXTAREA name=phx cols=65 rows=12>
  14. [i][b][color=blue]blue[/color][/b][/i]
  15. [html][color=red]te
  16. st[/color][/html]
  17. [html][code]te
  18. st
复制代码
[/html]
  1. [html]te
  2. st[/html]
复制代码
</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);
}
<p>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);
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
微信扫一扫,每天教程更新!
想学习最新知识关注“今日教程”微信公众号!站长每天更新教程,每天八条,欢迎关注支持!!!
快速回复 返回顶部 返回列表