从富文本(html字符串)中获取图片,js获取富文本中的第一张图片(正则表达式)

本文介绍了如何使用JavaScript从富文本(HTML字符串)中获取第一张图片的URL。通过正则表达式匹配img标签的src属性,以及去除字符串中的HTML标签。同时,文中还提及了在ueditor编辑器中获取图片URL的方法,并提供了一个获取富文本编辑器中第一张图片的完整JS示例。
摘要由CSDN通过智能技术生成

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

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

var imgurlfun = function(str){

var data = '';

str.replace(/]*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;

}

js如何获取ueditor里面的第一张图片

想获取ueditor里面第一张图片作为缩略图,怎么获取,ueditor里面全部是以文本方式储存的

ue.getplaintxt() 可获取到编辑器中的纯文本内容,有段落格式

ue.getcontenttxt() 可获取到编辑器中的纯文本内容,没有段落格式;

ueditor 没有提供直接获取图片的功能,可以ue.getcontent() 获取全部内容,使用正则表达式 筛选出图片,我提供一个使用java写的筛选方法,前台js代码类似:

pattern p_img = pattern.compile("(]+src\s*=\s*'\"['\"][^>]*>)");

matcher m_img = p_img.matcher(content);

while (m_img.find()) {

<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值