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

2023-07-31 21:46:05 83

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

functionhtmlEncode(value){
return$('').text(value).html();
}

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

/*移除HTML标签代码*/
functionremoveHTMLTag(str){
str=str.replace(/<\/?[^>]*>/g,'');//去除HTMLtag
str=str.replace(/[|]*\n/g,'\n');//去除行尾空白
//str=str.replace(/\n[\s||]*\r/g,'\n');//去除多余空行
str=str.replace(//ig,'');//去掉
returnstr;
}
//转意符换成普通字符
functionescape2Html(str){
vararrEntities={'lt':'<','gt':'>','nbsp':'','amp':'&','quot':'"'};
returnstr.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){returnarrEntities[t];});
}

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

//转意符换成普通字符
functionescape2Html(str){
vararrEntities={'lt':'<','gt':'>','nbsp':'','amp':'&','quot':'"'};
returnstr.replace(/&(lt|gt|nbsp|amp|quot);/ig,function(all,t){returnarrEntities[t];});
}

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

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

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


vardescription='1.国际保险经纪行业收入分析
2010年全球保险经纪行业市场规模为437.56亿美元，2015年增长至581.3亿美元。
2010-2015年国际保险经纪行业市场规模：亿美元
2.国际保险经纪行业并购分析
保险经纪公司并购较为频繁，2011年并购数量为351件，且呈现增长趋势。一股保险行业的并购风潮正席卷全球各个市场。如意大利投资集团Exor收购再保险公司PartnerRe、韬睿惠悦与韦莱集团、韦莱与法国保险经纪公司GrasSavoye、瑞士保险集团ACE并购Chubb以及美国保险公司Anthem收购Cigna。而这些不过是近年来保险业并购案清单的一小部分。
然而，在热闹喧嚣的并购消息背后却是严酷的现实。波士顿咨询（BCG）对1990～2014年间778件涉及保险业的并购案进行了分析，对并购后一年内的股东总回报进行了追踪，最终发现只有51%的并购能实际创造价值，而49%的并购案则摧毁了公司的价值。近半数并购案失败可归咎为三大原因：并购准备和执行、并购后整合以及并购时机。
3.保险业持续大整合
未来5年，多个宏观层面的因素将继续推动保险业进行整合。首先是监管继续收紧，尤其是对资本充足率的要求将继续提升，无论是独立保险商还是综合集团都将感到更大的资金压力。利率和投资回报将继续保持较低水平（至少在成熟市场），使传统的寿险业务盈利能力受到限制。
此外，新兴竞争对手的威胁也不可小觑，甚至大型连锁超市和电信公司都有可能颠覆保险行业的价值链。这些企业不但拥有价值连城的消费者数据，而且拥有与客户之间的“最后一公里”连接。在新的运营模式下，传统保险企业难以掌控整条价值链，且容易成为新型商业模式的颠覆目标，例如一些网络聚合搜索产品能够为消费者提供价格透明的产品对比。
资金充裕的大型保险公司可以利用投资抵御创新带来的威胁，而那些只聚焦于内部运营，对外部变化视而不见的中型企业将面临更激烈的竞争。对于保险公司来说，了解消费者的行为和需求是至关重要的能力，然而建设必需的大数据技术、文化和团队带来的成本巨大，让规模较小的保险公司难以承受。对于保险企业来说，有机成长的机会非常有限。成熟市场已经进入到整合周期内，尽管新兴市场存在着发展机遇，但市场环境非常复杂。要在新市场形成规模效应，并购显然仍是各大保险企业的明智之选。
世界排名前十保险经纪公司国际业务占比
4.国际保险经纪行业利润水平
目前，2015年全球保险经纪行业收入达581.3亿美元，国际保险经纪行业利润水平维持在10~25%之间。';
description=description.replace(/(\n)/g,"");
description=description.replace(/(\t)/g,"");
description=description.replace(/(\r)/g,"");
description=description.replace(/<\/?[^>]*>/g,"");
description=description.replace(/\s*/g,"");
console.log(description)

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

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

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

orusingjQuery:

varstr=$("#mydiv").html();
varregex=//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的问题
functiondoRepAdvance(s){
varstr=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,"");
returnstr;
}

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

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

热门推荐

随机推荐