javascript - 請問如何在html中輸出字串中的換行符

Question

我在後台獲取了一段字串輸出到前台的<p>標籤中，但是字串中有換行符'n'，我想同樣輸出換行的效果。請問應該如何處理這段字串呢？我把'n'替換成了<br/>還是不行，原樣輸出了。
謝謝大家

Answer 1

有兩中方式，一是設定 white-space: pre;，空白會被瀏覽器保留。或使用

<pre>
    我是换行字

    符串
</pre>

，pre 元素可定義預先格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。

Answer 2

換行符不是n麼？

如果你這種情況，換成

呢

Answer 3

根據你的描述,你應該是需要pre標籤吧.

Answer 4

js中，可以使用. innerHTML = 'It
works' 來輸出html；如果是jQuery，則使用$.fn.html('It
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