如何用
标记替换字符串中的所有换行符？

JavaScript

GOItachi老丝

2020-03-12

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

第1119篇《如何用
标记替换字符串中的所有换行符？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共4个回答
A小卤蛋Pro 2020.03.12

尝试

let s=`This is man.

     Man like dog.
     Man like to drink.

     Man is the king.`;
     
msg.innerHTML = s.replace(/\n/g,"<br />");
<div id="msg"></div>

LEYPro达蒙 2020.03.12

如果您从PHP发送变量，则可以在发送之前通过以下方式获取它：

$string=nl2br($string);
小宇宙泡芙 2020.03.12

如果您只想显示换行符，则可以使用CSS来实现。

的HTML

<div class="white-space-pre">Some test
with linebreaks</div>

的CSS

.white-space-pre {
    white-space: pre-wrap;
}

jsfiddle https://jsfiddle.net/yk1angkz/125/

Note: Pay attention to code formatting and indenting, since white-space: pre-wrap will display all whitespaces (except for the last newline after the text, see fiddle).

米亚神无 2020.03.12

没有正则表达式：

str = str.split("\n").join("<br />");

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android