JavaScript去除文章中的html转义字符

最新推荐文章于 2024-04-24 12:42:59 发布

原创最新推荐文章于 2024-04-24 12:42:59 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #html5

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

该博客主要探讨了在数据库中存储HTML内容后，如何在管理端通过JS接口正确地去除HTML标签并展示文章。提供的两个函数`escape2Html`用于将HTML转义符转换回普通字符，`removeHTMLTag`则用于移除HTML标签，确保内容在页面上正确渲染。此外，还提到了如何处理行尾空白和多余的空行，以及如何根据指定长度截取内容并添加省略号。

场景：百度编辑器等插入数据库后，html标签被转义，管理端js调用接口返回文章信息，渲染页面展示的时候想要去除html标签

1、将转意符换成普通字符；
2、移除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 removeHTMLTag(str, length = 0) {
        str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tag
        str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白
        //str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行
        str = str.replace(/ /ig,'');//去掉 

        //如果展示指定长度的字符，并使用省略号
        if (length > 0) {
        	if (length < str.length) {
        		return str.slice(0,length) + '......';
        	}
        }
        return str;
    }