Angular项目中DomSanitizer无法解析含HTML标签文本以用于PDF生成的问题

你用DomSanitizer的方向错啦！这个工具的作用是告诉Angular「这段HTML是安全的，可以放心渲染到页面上」，而不是帮你提取纯文本。你看到的弹窗提示，是因为bypassSecurityTrustHtml返回的是SafeHtml对象，不是普通字符串，直接alert肯定会显示那个安全提示。至于访问changingThisBreaksApplicationSecurity，这是Angular内部的私有属性，完全不推荐这么用——哪天Angular更新把这个属性名改了，你的代码就直接崩了。

要得到去除HTML标签的纯文本，有两个靠谱的方法：

方法一：正则表达式（简单快速） #

适合大多数普通HTML场景，直接用正则移除所有HTML标签：

extractPlainText(html: string): string {
  // 匹配所有HTML标签并替换为空，最后去除首尾空格
  return html.replace(/<[^>]*>/g, '').trim();
}

调用示例：

let textoHTML = "<p>Hello <b>World</b></p>";
let plainText = this.extractPlainText(textoHTML);
console.log(plainText); // 输出: Hello World

方法二：DOMParser（更准确，处理复杂HTML） #

如果你的HTML里包含实体编码（比如 、<）或者嵌套复杂的标签，用DOMParser解析成DOM对象后提取文本会更准确：

extractPlainText(html: string): string {
  const parser = new DOMParser();
  const doc = parser.parseFromString(html, 'text/html');
  // 提取body的文本内容，处理可能的空值
  return doc.body.textContent?.trim() || '';
}

用这个方法处理带实体的HTML也没问题，比如输入"<p>Hello&nbsp;<b>World</b></p>"，会正确输出"Hello World"。

把提取到的纯文本直接用来生成PDF就可以啦，完全不需要碰DomSanitizer~

内容的提问来源于stack exchange，提问作者SrArkaitz