在 HTML 中打印为 <pre> 时如何用新行替换`\n`？答案

【问题标题】：How to replace `\n` with new line when print as <pre> in HTML?在 HTML 中打印为 <pre> 时如何用新行替换`\n`？
【发布时间】：2014-11-25 06:06:09
【问题描述】：

我从 PHP 服务器获取的文本文件如下所示：

“文件版本：5\n\n开始：1410355285955（2014/09/10 11:58:05.955）\n结束：141090402750（2014/09/10 12:00:02.750）\nUEID：301660031\nCNC：118130 \n供应商：75306\n型号：807182328\n操作系统：1549568403\n平台：1\n运营商：-1337093915\n报告的网络：0\n\nNum domain：1\n Domain 276975141\n Num tags：1\n -2032188703\n Num hostsApps: 2\n HostedApp: -2097733624, HostedVersion 300009300500000, ...

如何用新行替换\n？

预期结果应该是：

File version: 5

start:    1410450285955(2014/09/10 11:58:05.955)
end:      1413350402750(2014/09/10 12:00:02.750)
UEID:     301600031
CNC:      114130
Vendor:   75506
Model:    827112328
OS:       1539568403
Platform: 1
Carrier:  -1347083915
Reported Networks:  0

Num domains: 1
  Domain 276955141
  Num tags: 1
  -2032160703
  Num hostedApps: 2
  HostedApp: -2052733624,  HostedVersion 3000003070500000, ...

我将其打印为：

 <pre>{{myText}}</pre>

如果是json，我会使用json过滤器：

 <pre>{{myText | json}}</pre>

这就是我在 PHP 中打开文件的方式：

 $file = file_get_contents($filePath, FILE_USE_INCLUDE_PATH);

【问题讨论】：

也许$file = nl2br(file_get_contents($filePath, FILE_USE_INCLUDE_PATH)); ?
如果它位于pre 中，那么您不需要替换\n，因为它是换行符。 jsfiddle.net/00s3w6mo
@squint 哦，我的错，不知何故我没有想到，并添加了其他代码来破坏这个。谢谢。请发布此答案以供接受

标签： javascript php html angularjs

【解决方案1】：

如果它位于pre 中，那么您不需要替换\n，因为它是换行符。

document.querySelector("pre").textContent = "File version: 5\n\nstart: 1410355285955(2014/09/10 11:58:05.955)\nend: 141090402750(2014/09/10 12:00:02.750)\nUEID: 301660031\nCNC: 118130\nVendor: 75306\nModel: 807182328\nOS: 1549568403\nPlatform: 1\nCarrier: -1337093915\nReported Networks: 0\n\nNum domains: 1\n Domain 276975141\n Num tags: 1\n -2032188703\n Num hostedApps: 2\n HostedApp: -2097733624, HostedVersion 300009300500000, ..."

&lt;pre&gt;&lt;/pre&gt;

【讨论】：

【解决方案2】：

奇怪的是，换行符\n 被逐字包含在文本中。它可能在某处被双重转义。

类似于this question

在这种情况下，您只需要将单引号 '\n' 中的换行符替换为双引号 "\n" 中的换行符，以便在 PHP 中正确解释。尝试使用 PHP 的str_replace()。

【讨论】：