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 {'<':'<','>':'>','&':'&','"':'"'}[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| )*\r?\n){3,}/g,"\r\n\r\n");//限制最多2次换行
str=str.replace(/^((\s| )*\r?\n)+/g,'');//清除开头换行
str=str.replace(/((\s| )*\r?\n)+$/g,'');//清除结尾换行
return str;
}
连续空格合并
最后介绍如何将多个连续空格合并为一个空格。
function mergeSpace(str) {
str=str.replace(/(\s| )+/g,' ');
return str;
}
以上即为JavaScript处理HTML转义符及相关格式化的完整方法,供开发者参考使用。
作者最新文章
JavaScript怎么准确判断数据类型:typeof、instanceof与Object.prototype.toString
2026-11-05 17:09:21
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比:灵活性 vs 开发效率
2026-11-05 09:45:01
