javascript - 请问如何在html中输出字符串中的换行符
为情所困
为情所困 2017-06-14 10:51:21
0
6
1123

我在后台获取了一段字符串输出到前台的<p>标签中,但是字符串中有换行符'n',我想同样输出换行的效果。请问应该如何处理这段字符串呢?我把'n'替换成了<br/>还是不行,原样输出了。
谢谢大家

为情所困
为情所困

全部回复(6)
女神的闺蜜爱上我

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

<pre>
    我是换行字

    符串
</pre>

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

学霸

换行符不是n么?

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

阿神

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

女神的闺蜜爱上我

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

阿神

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

仅有的幸福

n在pre中有效

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

在p中可以通过replace

let str = 'hey,\nman'
str = str.replace(/\n/, '<br>')
p.innerHTML = str
// hey,
// man
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板