正则表达式处理字符串中的img,去除style属性,添加自适应图片的类

25 篇文章 0 订阅

有一段html的字符串,需要查找出html中所有的img标签,并且去掉img中的style属性,添加图片自适应的类名img-responsive,具体封装的实现方法如下:

formatImg:function(html){
            var newContent= html.replace(/<img[^>]*>/gi,function(match,capture){
            var match = match.replace(/style=\"(.*)\"/gi, 'class="img-responsive"');
            return match;
        });
        return newContent;
    }
测试调用:

var  htmlStr = " <p></p><p>作为大数据商业应用企业,HCR慧辰资讯(833309)近日因签订战略合作协议,进军能源大数据领域的消息备受关注。更为人瞩目的是,合作方是以煤炭资源闻名全国的鄂尔多斯市。</p> <p>对此,HCR慧辰资讯CEO赵龙对中国网财经记者表示,建设大数据应用与交易平台是慧辰资讯的发展战略,而与鄂尔多斯市在能源领域的大数据战略合作将为能源城市转型提供支持,此外能源大数据也将在一定程度上缓解雾霾问题。</p> <p>根据公告,慧辰资讯与鄂尔多斯市人民政府、鄂尔多斯市高新技术产业园区管理委员会签署《战略合作协议》,共同打造“能源大数据应用与交易中心项目”。</p> <p style=\"text-align: center;\"><img alt=\"\" src=\"/u/cms/www/201512/231021127wd0.jpg\" style=\"width:100%;height:100%;\"></p> <p style=\"text-align: center;\">HCR慧辰资讯CEO赵龙</p> <p>据了解,HCR慧辰资讯是一家致力于建立数据生态的公司,2015年8月在新三板挂牌。</p> <p>赵龙告诉记者,由于慧辰资讯对国家大数据顶层设计和发展战略有较为深入的参与和了解,未来在大数据商业应用领域的生态体系布局,将包括数据源、数据处理以及数据应用三个层面;此次与鄂尔多斯市的合作,为慧辰资讯提供了非常好的契机,使慧辰资讯的数据服务领域,在即有的汽车、通讯、快消等行业的基础上,又进入能源数据的行列。</p> <p>在赵龙看来,作为基础的能源大数据,是预测经济走向的重要指标,将能源优势转化为数据资产实现整个产业的增值,为鄂尔多斯市的转型提供广阔的前景,“我们了解到,作为中国煤都,鄂尔多斯市也面临着能源产业升级问题,希望我们用大数据领域的经验技术予以帮助,以实现当地GDP绿色化。同时这种成功的合作模式我们也不排除未来可以应用到更多领域。”</p> <p>公开资料显示,双方将共同搭建“能源大数据运营服务产业链”和“鄂尔多斯市大数据交易所”,专门运营能源大数据应用与交易中心,合作期限为十年。</p> <p>此外,对于当前愈发严重的雾霾问题,赵龙认为,能源大数据可以从源头减少雾霾的产生,“大数据可以从根本上改变能源输出的模式,<img alt=\"\" src=\"/u/cms/www/201512/231021127wd0.jpg\" style=\"width:100%;height:100%;\">从单一的能源输出模式,转变为数据输出产生价值,有效提升能源应用效率,减少污染。”</p> <p>“而海量的能源数据的交易、存储、处理中心应该是在一个能源丰富的城市中心。”赵龙对记者指出,鄂尔多斯市恰好就是这样一个城市,拥有大量的煤炭资源、发电能力,又身处转型中,在此背景下,能源与数据的结合是发展的必然。</p> <p>“如果其他能源大省也能结合大数据,可有效减少污染产生,对环境的改善将产生良好的作用。”赵龙表示。</p> <p></p><br> <p> 来源:中国网财经 </p> ";
var afterHTML = formatImg(htmlStr);
console.log(afterHTML);

结果如下:


  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值