我如何用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."

当前回答

它将用break替换所有新的行

str = str.replace(/\n/g, '<br>')

如果你想用单行换行替换所有新行

str = str.replace(/\n*\n/g, '<br>')

阅读更多关于Regex的信息:https://dl.icewarp.com/online_help/203030104.htm 这对你每次都有帮助。

其他回答

它将用break替换所有新的行

str = str.replace(/\n/g, '<br>')

如果你想用单行换行替换所有新行

str = str.replace(/\n*\n/g, '<br>')

阅读更多关于Regex的信息:https://dl.icewarp.com/online_help/203030104.htm 这对你每次都有帮助。

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

如果你有来自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>';

这将把所有返回值转换为HTML

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

如果你想知道什么意思? 它被称为非捕获组。这意味着括号内的正则表达式组不会保存在内存中以供以后引用。 你可以查看这些线程以获得更多信息: https://stackoverflow.com/a/11530881/5042169 https://stackoverflow.com/a/36524555/5042169

这适用于来自文本区域的输入

str.replace(new RegExp('\r?\n','g'), '<br />');

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

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