如何将 JavaScript 中的换行符转换为 HTML `` 标签？-js教程-PHP中文网

如何将 JavaScript 中的换行符转换为 HTML `` 标签？

Mary-Kate Olsen

发布： 2024-12-04 12:41:11

原创

598 人浏览过

How Can I Convert Line Breaks to HTML `` Tags in JavaScript?

在 JavaScript 中将换行符转换为 HTML 元素

在 JavaScript 中，您可以将字符串中的所有换行符转换为 HTML

使用正则表达式的元素。当您想要显示保持其格式的多行文本时，这非常有用。

实现：

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

登录后复制

用
替换所有换行符元素，使用以下正则表达式：

解释：

g：g 标志进行替换全局，将其应用于所有出现的换行符。

示例：

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."

登录后复制

考虑一个具有以下值的变量 str：

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

登录后复制

应用替换后，结果将be:

非捕获组：

围绕换行模式的 ?: 语法创建一个非捕获组。这意味着换行符不会被捕获到内存中以供以后参考，这可以提高大字符串的性能。

以上是如何将 JavaScript 中的换行符转换为 HTML `` 标签？的详细内容。更多信息请关注PHP中文网其他相关文章！