替换富文本编辑器转换字符串的图片属性

最新推荐文章于 2024-03-09 17:08:04 发布

凡小多

最新推荐文章于 2024-03-09 17:08:04 发布

阅读量108

点赞数

分类专栏： Javascript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/wgh4318/article/details/126867138

版权

Javascript 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

替换富文本编辑器转换字符串的图片属性

使用 relace 的回调函数替换

// 字符串内容
let val = '<p>看看文章里的图片上传后能不能加载出来</p><p><img src="/upfile/2006/0115/1590997979404056911.jpg" title="1590997979404056911.jpg" alt="猫剪影.jpg"/></p><p>das</p><p>多张图片多张图片多张图片</p><p><img src="/upfile/2006/0209/1591061098210007976.jpg" title="1591061098210007976.jpg"/></p><p><img src="/upfile/2006/0209/1591061098200080612.jpg" title="1591061098200080612.jpg"/></p><p><br/></p>'



const newVal = val.replace(
        /<img [^>]*src=['"]([^'"]+)[^>]*>/gi,
        (match, capture) => {
            //match：表示img标签 capture：表示src属性的内容
          return match.replace('src', 'v-lazyload')
        }
      )