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

Posted 一梦_浮生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js处理富文本编辑器转义去除转义去除HTML标签相关的知识,希望对你有一定的参考价值。

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

function htmlEncode(value){
  return $(‘<div/>‘).text(value).html();
}

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

/*移除HTML标签代码*/
    function removeHTMLTag(str) {
            str = str.replace(/</?[^>]*>/g,‘‘); //去除HTML tag
            str = str.replace(/[ | ]*
/g,‘
‘); //去除行尾空白
            //str = str.replace(/
[s| | ]*
/g,‘
‘); //去除多余空行
            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标签的主要内容,如果未能解决你的问题,请参考以下文章

php 将富文本编辑后的内容转义为不带HTML标签的字符

富文本粘贴文本去除默认格式

laravel 文章去除html标签后显示

php 接收到json双引号前有转义符\,怎么去除

函数stripslashes去除转义 shopnc 搜索框过滤特殊字符 输入单斜杆会自动转义

Shell命令行中特殊字符与其转义详解(去除特殊含义)