jQuery 中的 nl2br - JavaScript

在 Web 开发中，我们常常遇到需要将用户输入的换行符转换成 HTML 的
标签的情况。这个转换在纯 JavaScript 下需要写很多的代码，但是使用 jQuery，这个过程会变得非常简单。

什么是 nl2br？

nl2br 是将文本字符串中的换行符（"\r\n"、"\n"）转换为 HTML 的
标签，即将文本中的“换行”转换为“换行符”。

如何使用 nl2br？

在使用 nl2br 之前，需要确保引入了 jQuery 库：

<script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js"></script>

然后，可以使用 jQuery 中的 .html() 函数来实现 nl2br 的转换，例如：

var text = "这是一段带有换行的文本\r\n这是第二行";
var converted = $('<div>').text(text).html().replace(/\r?\n/g, '<br/>');
console.log(converted);

在上面的代码中，我们首先使用 $('

注意事项

请注意，nl2br 函数返回的是已经转换为 HTML 的字符串，因此要在需要显示文本的元素上使用 .html()，而非 .text() 函数。另外，在显示用户输入的内容时，请不要使用 .html() 函数，以避免 XSS 攻击。

结论

使用 jQuery 中的 nl2br 函数可以简化文本中换行符的转换。虽然也可以使用纯 JavaScript 实现这个过程，但是通过 jQuery，这个过程变得非常简单易行。