javascript – So geben Sie das Newline-Zeichen in einer Zeichenfolge in HTML aus

Question

Ich habe eine Zeichenfolge im Hintergrund erhalten und sie im Vordergrund an das <p>-Tag ausgegeben, aber die Zeichenfolge enthielt ein Zeilenumbruchzeichen „n“ und ich wollte den Zeilenumbrucheffekt auf die gleiche Weise ausgeben. Wie soll ich mit dieser Zeichenfolge umgehen? Ich habe „n“ durch <br/> ersetzt, aber es hat immer noch nicht funktioniert und es wurde so ausgegeben, wie es ist.
Vielen Dank an alle

Answer 1

有两中方式，一是设置 white-space: pre;，空白会被浏览器保留。或者使用

<pre>
    我是换行字

    符串
</pre>

，pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

Answer 2

换行符不是\n么？

如果你这种情况，换成</p><p>呢

Answer 3

根据你的描述,你应该是需要pre标签吧.

Answer 4

js中，可以使用 . innerHTML = 'It<br />works' 来输出 html；如果是 jQuery，则使用 $.fn.html('It<br />works')!
==== 以为是 PHP 输出
使用 htmlentities 函数输出替换后的内容！

Answer 5

这样是可以的，题主最好把代码贴出来才知道是什么原因

Answer 6

\n在pre中有效

pre.innerHTML = 'hey,\nman'
// hey,
// man

在p中可以通过replace

let str = 'hey,\nman'
str = str.replace(/\n/, '<br>')
p.innerHTML = str
// hey,
// man