js正则表达式匹配富文本

在JavaScript中，可以使用正则表达式来匹配富文本中的内容。一般来说，我们可以使用正则表达式来匹配HTML标签，然后再从中提取出我们需要的内容，例如图片的URL等。下面是一个简单的例子：

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;
}

这个函数可以用来获取富文本中的第一张图片的URL。它首先使用正则表达式匹配所有的img标签，然后从中提取出第一个标签的src属性值作为图片的URL。需要注意的是，这个函数只能获取第一张图片的URL，如果需要获取所有图片的URL，需要对正则表达式进行修改。

相关问题

js 正则匹配富文本标签

您好！对于匹配富文本标签，您可以使用正则表达式来实现。下面是一个示例，用于匹配带有标签的文本：

const htmlString = '<p>This is a <strong>bold</strong> text.</p>';
const regex = /<[^>]+>/g; // 匹配尖括号内的内容

const tags = htmlString.match(regex);
console.log(tags); // 输出: ['<p>', '<strong>', '</strong>', '</p>']

上述代码中的正则表达式 `<[^>]+>` 可以匹配尖括号内的任意字符（除了 `>`）。

请注意，这只是一个简单的示例，如果您需要更复杂的匹配规则，可能需要编写更详细的正则表达式。同时也要注意，对于包含嵌套标签的富文本，正则表达式可能无法完全满足需求，此时可能需要使用更复杂的解析器或库来处理富文本内容。

JS截取富文本中的video标签

可以使用正则表达式来匹配富文本中的video标签，然后使用字符串截取的方式来提取其中的视频链接。以下是一个示例代码：

const html = '<div><video src="https://example.com/video.mp4"></video></div>';
const regex = /<video.*?src="(.*?)".*?<\/video>/g;
const match = regex.exec(html);
if (match) {
  const videoUrl = match[1];
  console.log(videoUrl); // https://example.com/video.mp4
}

这个正则表达式会匹配所有的video标签，并且提取其中的src属性值作为视频链接。如果富文本中有多个video标签，可以使用while循环来依次提取每个视频链接。