码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-02 14:32:37      阅读:140      评论:0      收藏:0      [点我收藏+]

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

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

function htmlEncode(value){
  return $(‘<div/>‘).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‘:‘<‘,‘gt‘:‘>‘,‘nbsp‘:‘ ‘,‘amp‘:‘&‘,‘quot‘:‘"‘}; 
     return str.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){return arrEntities[t];}); 
    } 

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

//转意符换成普通字符
    function escape2Html(str) { 
     var arrEntities={‘lt‘:‘<‘,‘gt‘:‘>‘,‘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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!