html5 - 无法将`\n`格式化为渲染字符串中的新行[重复]

Posted 2023-02-24

【中文标题】html5 - 无法将`\\n`格式化为渲染字符串中的新行[重复]

【英文标题】：html5 - can't format `\n` as new line in rendered string [duplicate]html5 - 无法将`\n`格式化为渲染字符串中的新行[重复]

【发布时间】：2019-12-14 22:38:03

【问题描述】：

我有以下标签，但item.value 中的“\n”格式不正确。

<td ng-if="flag">item.value</td>

【问题讨论】：

你在用 django 吗？可以考虑***.com/questions/1356048/…

@eman.lodovice 没有使用它

@anwarmohamed 可以肯定的是，您使用的是 AngularJS，对吧？

@Ivar 是的，我使用它

@Quentin 我不认为上面提到的同样问题

【参考方案1】：

html 需要一个<br/> 标签。对你的值使用这个正则表达式。

item.value = item.value.replace(/(?:\r\n|\r|\n)/g, '<br>');

let item = ;
item.value= "Hi I am some text with a \n line break";
item.value = item.value.replace(/(?:\r\n|\r|\n)/g, '<br>');

document.write(item.value);

【讨论】：

它显示为 item2 item 1

您是如何将其写入文档的？

<td ng-if="flag"><pre style="color:black;white-space:normal !important;">ctrl.formatLine(item.value)</pre></td> ctrl---> self.formatLine = function (value) return value.replace(/(?:\r\n|\r|\n)/g, '<br>'); ;

您似乎必须使用 [innerHTML] 属性/属性绑定，正如回答 here

@abadr 成功了吗？