正则匹配图片 ,视频

export function fixImg(htmlstr:string):string{
  //正则匹配所有img标签
  //var regex0 = new RegExp("(i?)(\<img)([^\>]+\>)","gmi");
  //正则匹配不含style="" 或 style='' 的img标签
  var regex1 = new RegExp("(i?)(\<img)(?!(.*?style=['\"](.*)['\"])[^\>]+\>)","gmi");
  //给不含style="" 或 style='' 的img标签加上style=""
  htmlstr = htmlstr.replace(regex1, "$2 style=\"\"$3");
  console.log("增加style=\"\"后的html字符串："+htmlstr);
  //正则匹配含有style的img标签
  var regex2 = new RegExp("(i?)(\<img.*?style=['\"])([^\>]+\>)","gmi");
  //在img标签的style里面增加css样式(这里增加的样式：display:block;max-width:100%;height:auto;border:5px solid red;)
  htmlstr = htmlstr.replace(regex2, "$2display:block;max-width:100%;height:auto;$3");
  console.log("在img标签的style里面增加样式后的html字符串："+htmlstr);
  return htmlstr;
}

export function fixImg(htmlstr:string):string {
  let imgReg = new RegExp("(i?)(\<img)(?!(.*?style=['\"](.*)['\"])[^\>]+\>)", "gmi");
  let videoReg = new RegExp("(i?)(\<video)(?!(.*?style=['\"](.*)['\"])[^\>]+\>)", "gmi");
  if (imgReg.test(htmlstr)) {
    htmlstr = htmlstr.replace(imgReg, "$2 style=\"\"$3");
    let imgReg2 = new RegExp("(i?)(\<img.*?style=['\"])([^\>]+\>)", "gmi");
    htmlstr = htmlstr.replace(imgReg2, "$2display:block;max-width:100%;height:auto;$3");
  }
  if (videoReg.test(htmlstr)) {
    htmlstr = htmlstr.replace(videoReg, "$2 style=\"\"$3");
    let videoReg2 = new RegExp("(i?)(\<video.*?style=['\"])([^\>]+\>)", "gmi");
    htmlstr = htmlstr.replace(videoReg2, "$2display:block;max-width:100%;height:auto;$3");
  }
  return htmlstr;
}