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

2021-04-12 19:28

阅读：489

标签：数据去除空行显示 cap 文本编辑标签页面 function

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

function htmlEncode(value){
　　return $(‘
‘).text(value).html();
}

从数据库拿出的转义后的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];}); 
    }

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

标签：数据去除空行显示 cap 文本编辑标签页面 function

原文地址：https://www.cnblogs.com/li-sir/p/12395349.html

上一篇：jQuery — 选择器

下一篇：IDEA打包web项目为war，通过本地Tomcat启动war

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：js处理富文本编辑器转义、去除转义、去除HTML标签
文章链接：http://soscw.com/index.php/essay/74858.html

亲，登录后才可以留言！

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

评论

热门文章

推荐文章

最新文章

置顶文章