js 富文本转化html,js处理富文本编辑器转义、去除转义、去除HTML标签

该博客探讨了如何在富文本编辑器中处理HTML标签,以防止脚本注入攻击。首先,通过htmlEncode函数对HTML标签进行转义,然后存入数据库。在展示内容时,使用removeHTMLTag函数去除转义并移除HTML标签,生成缩略文字。对于文章详情页,可以直接使用escape2Html函数将转义字符转换为普通字符显示。内容安全是确保网站和应用程序安全的重要环节。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

富文本编辑器生成的HTML标签,进行转义,然后写入数据库,防止脚本注入:

function htmlEncode(value){

return $('

}

从数据库拿出的转义后的HTML标签内容,先得去除转义,然后再去除HTML标签,是生成缩略文字。

/*移除HTML标签代码*/

function removeHTMLTag(str) {

str = str.replace(/]*>/g,''); //去除HTML tag

str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白

//str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行

str=str.replace(/ /ig,'');//去掉

return str;

}

//转意符换成普通字符

function escape2Html(str) {

var arrEntities={'lt':'','nbsp':' ','amp':'&','quot':'"'};

return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});

}

如果是文章详情页的话,直接去除转义就可以显示在页面了:

//转意符换成普通字符

function escape2Html(str) {

var arrEntities={'lt':'','nbsp':' ','amp':'&','quot':'"'};

return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];});

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值