我如何用JavaScript从值中读取换行符,并将所有换行符替换为<br />元素?

例子:

从PHP传递的变量,如下所示:

  "This is man.

     Man like dog.
     Man like to drink.

     Man is the king."

我希望我的结果在JavaScript转换后看起来像这样:

  "This is man<br /><br />Man like dog.<br />Man like to drink.<br /><br />Man is the king."

当前回答

没有回答具体的问题,但我相信这将有助于某人…

如果你有来自PHP的输出,你想要使用JavaScript在网页上呈现(也许是Ajax请求的结果),你只想保留空白和换行符,考虑只把文本包含在<pre></pre>块中:

var text_with_line_breaks = retrieve_some_text_from_php();
var element = document.querySelectorAll('#output');
element.innerHTML = '<pre>' + text_with_line_breaks + '</pre>';

其他回答

对于那些只允许max的人。2 <br>,你可以用这个:

let text = text.replace(/(\r?\n){2,}/g, '<br><br>');
text = text.replace(/(\r?\n)/g, '<br>');

第一行:搜索至少有两个在一行中的\n OR \r\n,例如\n\n\n。然后把它换成2br

第二行:搜索所有单个\r\n或\n并将它们替换为<br>

最短的代码支持最常见的EOL样式\r, \n, \r\n,并使用HTML5 <br>:

s.replace(/\r?\n|\r/g, '<br>')

如果你关心的只是显示换行符,你可以用CSS来实现。

<div style="white-space: pre-line">Some test
with linebreaks</div>

Jsfiddle: https://jsfiddle.net/5bvtL6do/2/

注意:注意代码格式和缩进,因为空格:pre-line将显示所有换行符(除了文本后的最后一个换行符,参见fiddle)。

当值来自文本框时,这对我有用:

string.replace(/\n|\r\n|\r/g, '<br/>');

不管系统如何:

my_multiline_text.replace(/$/mg,'<br>');