js对富文本里的html进行处理：获取第一张图片等

//获取html中的第一张图片地址
export function getImgUrl(content) {
  let matchReg = /<img.*?(?:>|\/>)/gi; // 匹配图片中的img标签
  let arr2 = content.match(matchReg); //拿到标签中所有的img
  let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i; // 匹配图片中的src
  let imgUrl = "";
  if (arr2 != null) {
    let src = arr2[0].match(srcReg);
    imgUrl = src[1];
  }
  return imgUrl;
}
// Js 处理富文本内容,去除底部空行
export function getText(str) {
  let words = str.replace(/&nbsp;/gi, ""); //这里是去除标签
  return words;
}
//Js 处理富文本内容获取纯文本
export function clearRichText(texts) {
  let text1 = texts.replace(/<\/?(img|table)[^>]*>/g, ""); //去除图片、表格
  let text2 = text1.replace(/<\/?.+?>/g, ""); //去除标签包裹
  let text3 = text2.replace(/[ | ]*\n/g, "\n"); //去除行尾空白
  let text4 = text3.replace(/ /g, ""); //去除空格
  return text4;
}
// Js 获取富文本中的video
export function getVideo(str) {
  // let words = str.replace(/&nbsp;/gi, "");
  // let regex = words.replace(/<video.*?src=["']([^"']+)["']/g);
  // return regex;
  const regex = /<video.*?src=["']([^"']+)["']/g;
  const videoTags = str.match(regex);
  const videoUrls = [];
  if (videoTags) {
    for (let i = 0; i < videoTags.length; i++) {
      const match = regex.exec(videoTags[i]);
      if (match) {
        videoUrls.push(match[1]); // match[1] 匹配到的视频地址
      }
    }
  }
  // 暂时只返回一个视频链接
  return videoUrls[0];
}