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循环来依次提取每个视频链接。

相关问题

截取出来富文本中的video标签js

可以使用正则表达式来匹配富文本中的video标签，具体代码如下：

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

这段代码中，我们使用了正则表达式`/<video.*?src="(.*?)".*?>/g`来匹配富文本中的video标签，并使用`matchAll`方法来获取所有匹配结果。最后，我们遍历匹配结果，输出其中的src属性值。

前端js提取富文本纯文字，然后截取50个字

可以使用正则表达式和字符串操作来提取富文本中的纯文本，并截取前50个字符。

假设你有一个包含富文本的HTML元素，例如：

<div id="myRichText">
    <p>这是一段富文本 <strong>加粗文字</strong>，<em>斜体文字</em>，以及一张图片</p>
    <img src="image.jpg">
</div>

你可以使用以下代码提取纯文本并截取前50个字符：

// 获取富文本元素
const richText = document.getElementById('myRichText');

// 提取纯文本
const plainText = richText.innerText.replace(/\n/g, ''); // 去掉换行符

// 截取前50个字符
const truncatedText = plainText.substring(0, 50);
console.log(truncatedText);

输出结果为：

这是一段富文本 加粗文字，斜体文字，以及一张图片