复杂的 html 到纯文本 - Angular 4 / Javascript答案

【问题标题】：Complex html to plain text - Angular 4 / Javascript复杂的 html 到纯文本 - Angular 4 / Javascript
【发布时间】：2017-07-04 09:30:43
【问题描述】：

我正在处理该项目，但遇到了问题。问题是我需要解码作为 JSON 对象一部分从 API 获得的 html。 html 非常棘手，所以我需要寻求您的帮助。

这是我需要翻译成纯文本的示例值：

\r节省高达 49% bla bla 一些文本、文本、文本文本和文本文本的世界。如需文字价格的文字详情，请点击所需位置。
\r

给你的文本文本调用发短信

0871 222 文本和引用

ELG2017

\r
是的，我知道，这太可怕了。好吧，这就是我必须解码的内容..

非常感谢！

【问题讨论】：

解码是什么意思？解析它的值？显示为 HTML？

把这段可怕的代码变成纯文本。理想情况下保留换行符。

标签： javascript html json angular decode

【解决方案1】：

text.replace(/&lt;[^&gt;]*&gt;/g, '');

【讨论】：

【解决方案2】：

你可以这样使用：

htmlToText(html) {
  var tmp = document.createElement('DIV'); // TODO: Check if this the way to go with Angular
  tmp.innerHTML = html;
  return tmp.textContent || tmp.innerText || '';
}

https://jsfiddle.net/z762py3s/

【讨论】：