js 正则过滤和增加富文本中图片前缀

原创已于 2022-12-23 11:59:44 修改 · 1.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#富文本 #js #正则表达式

于 2022-07-04 09:54:30 首次发布

js 同时被 2 个专栏收录

46 篇文章

订阅专栏

富文本

3 篇文章

订阅专栏

1、过滤图片前缀且不带'/'，变成相对路径，下面两种正则都可以，亲测


// 示例，过滤图片前缀且不带'/'，变成相对路径

console.log('valueHtml', valueHtml.replace(/https?:\/\/[^\/]*(\/)*/g, ''));

console.log('valueHtml', valueHtml.replace(/\bhttps?:\/\/(.*?)\/+/ig, ''));

2、增加图片前缀


valueHtml= result.detail.content.replace(/<img [^>]*src=['"]/g, `<img src="${你的域名}`)

参考资料：使用正则表达式给富文本图片标签添加域名进行展示、删除域名提交_qq_43675010的博客-CSDN博客