html富文本怎么转纯文本格式？去除img标签

在前端开发中，如果你想要将HTML富文本转换为纯文本格式，并且同时去除<img>标签，你可以使用正则表达式来实现这一功能。以下是一个简单的函数，它移除HTML中的所有标签，同时保留<img>标签中的alt属性文本（如果存在），作为图片的替代文本。

1、封装一个函数实现：

function htmlToText(html) {
  // 首先移除所有的HTML标签，但不包括<img>的alt属性文本
  let text = html.replace(/<[^>]+>/g, (match) => {
    // 检查匹配的标签是否是<img>，并且是否有alt属性
    if (match.startsWith('<img') && /alt=["']([^"']+)["']/.test(match)) {
      // 返回匹配到的alt文本
      return match.match(/alt=["']([^"']+)["']/)[1];
    }
    // 否则，不返回任何内容，即移除该标签
    return '';
  });
  // 然后，如果需要，可以进一步移除所有剩余的<img>标签
  text = text.replace(/<img[^>]*>/g, '');
  return text;
}

2、使用示例：

const htmlContent = '<div>Hello, <img src="image.png" alt="World">!</div>';
const textContent = htmlToText(htmlContent);
console.log(textContent); // 输出: "Hello, World!"

这个函数首先使用一个正则表达式来查找并移除所有的HTML标签。对于每个匹配的标签，它检查是否是<img>标签，并且是否有alt属性。如果这些条件都满足，它将保留`alt`属性中的文本。最后，它还移除了所有的<img>标签（无论是否有alt属性）。

请注意，这种方法是基于正则表达式的，可能无法处理所有复杂的HTML结构。如果HTML结构非常复杂或不规则，可能需要更健壮的解析方法。此外，正则表达式对HTML的解析能力有限，对于复杂的HTML内容，可能需要使用专门的HTML解析库。