js处理网页编辑器转义去除转义去除HTML标签的正则

来源：脚本之家时间：2020-12-24

这篇文章主要介绍了富文本编辑器生成的HTML标签，进行转义，然后写入数据库，防止脚本注入,需要的朋友可以参考下

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

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

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

2、JS正则过滤（去除）富文本编辑器中的FONT-SIZE标签

var test=test.replace(/font-size:\w+;?/g,'');

3、js处理去掉富文本编辑的html，样式，只显示纯文字内容，以供列表页使用

4、jQuery JavaScript正则表达式与\n代替

Lee TaylorTeneff给出了该问题的处理方式：

var str = document.getElementById('mydiv').innerHTML;

document.getElementById('mytextarea').innerHTML = str.replace(//gi, "\n");

or using jQuery:

var str = $("#mydiv").html();

var regex = //gi;

$("#mydiv").html(str.replace(regex, "\n"));

5、要去除html标签，图片，换行，回车等

description = description.replace(/(\n)/g, "");
description = description.replace(/(\t)/g, "");
description = description.replace(/(\r)/g, "");
description = description.replace(/<\/?[^>]*>/g, "");
description = description.replace(/\s*/g, "");

6、脚本之家小编写的一个替换fackeditor中的多余br与空行的

//加强替换主要是考虑多个br的问题
function doRepAdvance(s){
var str=s.replace(/ <\/p>/ig,"");
str=str.replace(/ \n <\/p>/ig, "");
str=str.replace(/ \n<\/p>/ig, "");
str=str.replace(/ \n\r<\/p>/ig, "");
str=str.replace(/ <\/p>/ig,"");
str=str.replace(/ \n <\/p>/ig, "");
str=str.replace(/ \n <\/p>/ig, "");
str=str.replace(/ \n<\/p>/ig, "");
str=str.replace(/ \n\r<\/p>/ig, "");
str=str.replace(/( \n){1,}<\/p>/ig,"");
str=str.replace(/( ){1,}<\/p>/ig,"");
str=str.replace(/ \n<\/p>/ig, "");
str=str.replace(/ <\/p>/ig,"");
str=str.replace(/ <\/p>/ig,"");
str=str.replace(/ <\/p>/ig,"");
str=str.replace(/ <\/p>/ig,"");
str=str.replace(/<\/p>/ig,"");
return str;
}

到此这篇关于js处理富文本编辑器转义、去除转义、去除HTML标签的正则的文章就介绍到这了,更多相关编辑器转义、去除转义、去除HTML标签内容请搜素脚本之家以前的文章或下面相关文章，希望大家以后多多支持脚本之家！

来源：脚本之家

链接：https://www.jb51.net/article/180954.htm

js处理网页编辑器转义 去除转义 去除HTML标签的正则

相关文章

js处理网页编辑器转义去除转义去除HTML标签的正则