JavaScript处理HTML转义字符与格式化的实用函数库

作者:木棉时间:2026-10-30 12:42:55浏览:381

本文提供一组JavaScript函数,用于处理HTML字符串中的特殊字符与格式。涵盖移除HTML标签、普通字符与转义符互转、空格与换行符标准化处理,以及连续空格合并等功能,帮助开发者快速清理和格式化前端文本数据。

移除HTML标签

首先介绍如何移除HTML标签。


function removeHtmlTab(tab) { 
 return tab.replace(/<[^<>]+?>/g,'');//删除所有HTML标签 
} 

普通字符与转义符互转

接着演示如何将普通字符转换为对应的HTML转义字符。


function html2Escape(sHtml) { 
 return sHtml.replace(/[<>&"]/g,function(c){return {'<':'&lt;','>':'&gt;','&':'&amp;','"':'&quot;'}[c];}); 
} 

然后展示如何将HTML转义字符还原为普通字符。


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];}); 
} 

空格与换行符处理

随后处理将HTML空格实体转换为实际空格的操作。


function nbsp2Space(str) { 
 var arrEntities = {'nbsp' : ' '}; 
 return str.replace(/&(nbsp);/ig, function(all, t){return arrEntities[t]}) 
} 

接下来实现将回车符转换为br标签的功能。


function return2Br(str) { 
 return str.replace(/\r?\n/g,"<br />"); 
} 

进一步处理开头和结尾的换行,并将连续三次以上的换行缩减为两次。


function trimBr(str) { 
 str=str.replace(/((\s|&nbsp;)*\r?\n){3,}/g,"\r\n\r\n");//限制最多2次换行 
 str=str.replace(/^((\s|&nbsp;)*\r?\n)+/g,'');//清除开头换行 
 str=str.replace(/((\s|&nbsp;)*\r?\n)+$/g,'');//清除结尾换行 
 return str; 
} 

连续空格合并

最后介绍如何将多个连续空格合并为一个空格。


function mergeSpace(str) { 
 str=str.replace(/(\s|&nbsp;)+/g,' '); 
 return str; 
} 

以上即为JavaScript处理HTML转义符及相关格式化的完整方法,供开发者参考使用。

作者最新文章