js使用正则表达式匹配富文本框中的img标签

最新推荐文章于 2024-05-14 17:48:44 发布

原创最新推荐文章于 2024-05-14 17:48:44 发布 · 965 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

vue.js 专栏收录该内容

46 篇文章

订阅专栏

这段代码演示了如何使用JavaScript的正则表达式从HTML内容中提取<img>标签的src属性，并将匹配项和捕获的内容分别存储在vardata和varstr数组中。

var data = [];
var str = [];
this.content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/g, function (match, capture) {
   data.push(capture);
   str.push(match);
});
console.log(data);
console.log(str);

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

inticaler

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

js通过正则表达式获取到img标签的任意属性

weixin_42066070的博客

08-29

987

快速解决疑难杂症，每周更新，针对性解决各种开发遇到的问题，也可以评论留言。

用正则匹配出一段文章中的img标签

misaka去年夏天的博客

01-01

3962

一些在线的文本编辑器比如ueditor等，编辑和发表的文章是带有html标签的。开发中有时候需要从一些网站抓取文章中的图片，需要用到正则。比如下面从一段文章里取出之中的img标签的src属性和图片的后缀类型： <?php header('Content-type:text/html;charset=UTF-8'); $str = <<<HEREDOC 美国NYMEX WTI原油1月期货周

参与评论您还未登录，请先登录后发表或查看评论

js正则匹配table,img及去除各种标签问题

01-19

核心代码 //获取公示栏内容 s = $row.detail$; mainContent =s; //如果有多个table使用下面注释的正则只会匹配成一个table //var tabReg = /]*>((?!table).)*<\/table>/gi; //匹配单个table var tabReg = /]*>\s*(]*>)?(\s*]*>[\s\S]*?<\/tr>\s*)*(<\/tbody>)?\s*<\/table>/gi; var tabM

正则表达式匹配img标签

u011511086的专栏

08-03

1054

【代码】正则表达式匹配img标签，匹配img标签里面的src

正则表达式匹配P标签中包含Img标签或单独匹配img标签

suxuelian的博客

02-14

2368

以上就是使用正则表达式匹配img标签或使用正则表达式匹配P标签中包含img的P标签使用方式。

js遇到需要正则匹配来修改img标签+清除行内样式

最新发布

阿乐的博客

05-14

783

遇到特殊的情况就是自带样式，那么方法一就不能用了，因为只会算是从原有字符串上面多加字符串。这个正则表达式就是匹配所有的。//踩坑完毕，可以直接使用。第二行代码按自己需要改改。

js正则搜索img标签并替换src值

大赚万万亿

08-25

2185

【代码】js正则搜索img标签并替换src值。

js正则表达式匹配img标签，p标签，div标签和其他自定义标签的解决方案

西装暴徒_12138的博客

06-30

1万+

js正则表达式匹配img标签，p标签，div标签和其他自定义标签的解决方案作为前端开发，肯定会有处理字符串的时候，如果只是替换，删除，截取固定的字符串，那么问题不是很大。但是如果字符串不是固定的呢？例如处理富文本字符串里的Img标签，p标签，div标签等，用普通的indexOf，substr方法可能不太好用。此时用正则表达式可能比较好使：匹配p标签： let reg = /<p(?:(?!<\/p>).|\n)*?<\/p>/gm 匹配img标签 let reg =

js正则表达式匹配到所有img图片和src

qq_43777572的博客

10-19

2425

js正则表达式匹配到所有img图片和src

正则匹配图片中的img标签

weixin_51482136的博客

03-08

333

匹配img标签

使用正则表达式从一段字符串中匹配出img标签的src值

nanjing0412的专栏

07-02

5481

第一步：匹配内容中存在的img标签；第二步：得到匹配到的img标签中的内容；第三步：匹配第二步得到的img标签中的src /** * 获取img标签中的src值 * @param content * @return */ public static List getImgSrc(String content){ List list = new A

（富文本常用）js遇到需要正则匹配来修改img标签+清除行内样式

大雾起了清晨

05-17

3668

遇到特殊的情况就是自带样式，那么方法一就不能用了，因为只会算是从原有字符串上面多加字符串。这个正则表达式就是匹配所有的img标签//踩坑完毕，可以直接使用。第二行代码按自己需要改改。...

正则表达式匹配完整img标签php实现

weixin_33857230的博客

10-24

406

处理html富文本的时候，碰到批量处理img标签，要把img标签格式化，并且去除不用的代码，class，各种data-等，首先想到使用正则匹配，然后处理匹配到的img标签和参数，经过一番尝试终于搞定了，代码如下： <?php$content = '<br/><img mime="image/jpeg" class="img-scroll" data-img="xxx...

使用前端正则匹配字符串内img标签的src等于某个url，有的话将该img标签替换成【图片】

weixin_50236973的博客

03-19

745

使用前端正则匹配字符串内img标签的src等于某个url，有的话将该img标签替换成【图片】

JS正则匹配

m0_61420899的博客

01-06

1286

let pattern = /(http?|https):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/g; array= string.match(pattern);//匹配所有的图片URL 注意：/匹配规则(pattern)/g，匹配规则必须加g否则只会匹配一个而且，而不会匹配全部！ .........

js 正则匹配扣 img 的src

a5601564的博客

07-24

1791

var reg = new RegExp("(\"\.*?\>)"); var re = /.*src="([^"]*)"/g; //只查找 /ckfinder/userfiles/images/qi_cym.jpg 这段路径 var mre2=decs.match(reg) var mre=re.exec(mre2) console.log(mre)

匹配img标签及img 的src的正则表达式