javasrcipt实现简单UBB代码方法

最新推荐文章于 2021-12-20 10:03:00 发布

原创最新推荐文章于 2021-12-20 10:03:00 发布 · 465 阅读

·

0

·

本内容遵循CC 4.0 BY-SA版权协议

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个简单的JavaScript函数，该函数能够将特定的UBB（Ultimate Bulletin Board）代码转换成HTML标签，支持加粗、斜体、字体大小、链接、颜色及图片插入等功能。

跟随虾哥项目实践，硬件选小智就对了

xiaozhi 开源方案官方适配，二次开发文档齐全

点击查看

// JavaScript Document

// UBB代码简单实现 lxin v0.1beta;

function filter(s){

//替换[b][/b][i][i]

s=s.replace(/</g,"<");

s=s.replace(/>/g,">");

s=s.replace(/[b]/g,"<b>");

s=s.replace(/[/b]/g,"</b>");

s=s.replace(/[i]/g,"<i>");

s=s.replace(/[/i]/g,"</i>");

//~~~~~

//替换[size=*][/size]

var ts=s;//临时变量

var i=0;//记录匹配到了什么地方

while(ts.match(/[size=d{1,2}]/)!=null){

var t=ts.match(/[size=d{1,2}]/);//获得匹配的

i=ts.indexOf(t)+t.length;//获得下次开始匹配的位置

var ss=t.toString();//必要

var size=parseInt(ss.substring(ss.indexOf("=")+1));//获得[size=*] 的*;

ss=ss.replace(/[/g,"/[");//注意Stirng里也是转意符

ss=ss.replace(/]/g,"/]");

//alert(ss);

s=s.replace(new RegExp(ss,"g"),"<font size="+size+" >")//将[size=*]替换为<font size=*>

if(ts.length>i)ts=ts.substring(i);//冲这次匹配字符的后一个字符开始再次匹配；

else ts="";

}

s=s.replace(/[/size]/g,"</font>");

//~~~~~

//替换[link=*][/link]

ts=s;//临时变量

i=0;//记录匹配到了什么地方

while(ts.match(/[link="[^"]*"]/)!=null){

var t=ts.match(/[link="[^"]*"]/);//获得匹配的

i=ts.indexOf(t)+t.length;//获得下次开始匹配的位置

var ss=t.toString();//必要

var linked=ss.substring(ss.indexOf("="")+2,ss.indexOf(""]"));//获得[link="*"] 的*;

ss=ss.replace(/[/g,"/[");//注意Stirng里也是转意符

ss=ss.replace(/]/g,"/]");

//alert(ss);

if(linked.match(/http:///)==null)linked="http://"+linked;

s=s.replace(new RegExp(ss,"g"),"<a href=""+linked+"" >")//将[link=*]替换为<a href=*>

if(ts.length>i)ts=ts.substring(i);//冲这次匹配字符的后一个字符开始再次匹配；

else ts="";

}

s=s.replace(/[/link]/g,"</a>");

//~~~~~

//替换[color=*][/color]

ts=s;//临时变量

i=0;//记录匹配到了什么地方

while(ts.match(/[color="[#]?w*"]/)!=null){

var t=ts.match(/[color="[#]?w*"]/);//获得匹配的

i=ts.indexOf(t)+t.length;//获得下次开始匹配的位置

var ss=t.toString();//必要

var color=ss.substring(ss.indexOf("="")+2,ss.indexOf(""]"));//获得[color="*"] 的*;

ss=ss.replace(/[/g,"/[");//注意Stirng里也是转意符

ss=ss.replace(/]/g,"/]");

//alert(ss);

s=s.replace(new RegExp(ss,"g"),"<font color=""+color+"" >")//将[color=*]替换为<font color="*">

if(ts.length>i)ts=ts.substring(i);//冲这次匹配字符的后一个字符开始再次匹配；

else ts="";

}

s=s.replace(/[/color]/g,"</font>");

s=s.replace(/ /g,"<br>");

//~~~~~

//替换[link=*][/link]

ts=s;//临时变量

i=0;//记录匹配到了什么地方

while(ts.match(/[img="[^"]*"]/)!=null){

var t=ts.match(/[img="[^"]*"]/);//获得匹配的

i=ts.indexOf(t)+t.length;//获得下次开始匹配的位置

var ss=t.toString();//必要

var linked=ss.substring(ss.indexOf("="")+2,ss.indexOf(""]"));//获得[img="*"] 的*;

ss=ss.replace(/[/g,"/[");//注意Stirng里也是转意符

ss=ss.replace(/]/g,"/]");

//alert(ss);

if(linked.match(/http:///)==null)linked="http://"+linked;

s=s.replace(new RegExp(ss,"g"),"<img src=""+linked+"" >")//将[link=*]替换为<a href=*>

if(ts.length>i)ts=ts.substring(i);//冲这次匹配字符的后一个字符开始再次匹配；

else ts="";

}

//~~~~~

return s;

}

跟随虾哥项目实践，硬件选小智就对了

xiaozhi 开源方案官方适配，二次开发文档齐全

点击查看

标签

#null

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。