js获取富文本中的第一张图片url正则公式及去除字符串里面的html标签的正则公式

开心大表哥

于 2018-10-30 13:51:25 发布

阅读量5.5k

点赞数 2

分类专栏： js算法基础加固

本文链接：https://blog.youkuaiyun.com/a419419/article/details/83540724

版权

js算法同时被 2 个专栏收录

41 篇文章

订阅专栏

基础加固

27 篇文章

订阅专栏

本文介绍了一种从富文本中提取首张图片URL的方法，并提供了一个去除字符串内HTML标签的正则表达式公式。通过使用JavaScript，可以轻松地解析富文本并获取图片资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js获取富文本中的第一张图片url正则公式及去除字符串里面的html标签

后台发来一个富文本字符串里面可能包含了0、1、2、3…个图片标签（img）,我们的任务是获取这个字符串里面第一张图片的url，如果没有图片则返回空

var imgUrlFun = function(str){
        var data = '';
            str.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/, function (match, capture) {
                  data =  capture;
            });
        return data
    }

去除字符串里面的html标签的正则公式

var filterHTMLTag = function (str) {
        str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tag
        str = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白
        str=str.replace(/ /ig,'');//去掉 
        return str;
	}