blocks|key|1024054|text|您可以简单地这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1024055|textAreaContent=textAreaContent.replace(/\n/g," ");|code-block|syntax|javascript|1024056|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you can simply do:

<pre><code>textAreaContent=textAreaContent.replace(/\n/g,"&lt;br&gt;");
</code></pre>

blocks|key|1024107|text|将此代码放入您的代码中(最好是在通用的js函数库中)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1024108|String.prototype.nl2br+=+function()
{
++++return+this.replace(/\n/g,+"<br+/>");
}|code-block|syntax|javascript|1024109|用法：|1024110|var+myString+=+"test\ntest2";

myString.nl2br();|1024111|创建字符串原型函数允许您在任何字符串上使用此函数。|1024112|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Put this in your code (preferably in a general js functions library):

<pre><code>String.prototype.nl2br = function()
{
 return this.replace(/\n/g, "&lt;br /&gt;");
}
</code></pre>

Usage:

<pre><code>var myString = "test\ntest2";

myString.nl2br();
</code></pre>

creating a string prototype function allows you to use this on any string.

blocks|key|1024135|text|解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1024136|使用此代码|1024137|jQuery.nl2br+=+function(varTest){
++return+varTest.replace(/(\r\n%7C\n\r%7C\r%7C\n)/g,+" ");
};|code-block|syntax|javascript|1024138|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Solution

Use this code

<pre><code>jQuery.nl2br = function(varTest){
 return varTest.replace(/(\r\n|\n\r|\r|\n)/g, "&lt;br&gt;");
};
</code></pre>

blocks|key|1024179|text|为了改进@Luca+Filosofi的公认答案，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1024180|如果需要，将此正则表达式的开始子句更改为/([%5E>[\s]?\r\n]?)还会增加换行符位于标记和一些空格之后的情况，而不仅仅是标记紧跟换行符的情况|offset|length|style|CODE|1024181|entityMap^0|0|K|H|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

to improve @Luca Filosofi's accepted answer,

if needed, changing the beginning clause of this regex to be <code>/([^&gt;[\s]?\r\n]?)</code> will also ingore the cases where the newline comes after a tag AND some whitespace, instead of just a tag immediately followed by a newline

blocks|key|1024241|text|为此，我编写了一个小的jQuery扩展：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1024242|$.fn.nl2brText+=+function+(sText)+{
++++var+bReturnValue+=+'undefined'+==+typeof+sText;
++++if(bReturnValue)+{
++++++++sText+=+$('<pre>').html(this.html().replace(/<br[%5E>]*>/i,+'\n')).text();
++++}
++++var+aElms+=+[];
++++sText.split(/\r\n%7C\r%7C\n/).forEach(function(sSubstring)+{
++++++++if(aElms.length)+{
++++++++++++aElms.push(document.createElement('br'));
++++++++}
++++++++aElms.push(document.createTextNode(sSubstring));
++++});
++++var+$aElms+=+$(aElms);
++++if(bReturnValue)+{
++++++++return+$aElms;
++++}
++++return+this.empty().append($aElms);
};|code-block|syntax|javascript|1024243|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I wrote a little jQuery extension for this:

<pre><code>$.fn.nl2brText = function (sText) {
 var bReturnValue = 'undefined' == typeof sText;
 if(bReturnValue) {
 sText = $('&lt;pre&gt;').html(this.html().replace(/&lt;br[^&gt;]*&gt;/i, '\n')).text();
 }
 var aElms = [];
 sText.split(/\r\n|\r|\n/).forEach(function(sSubstring) {
 if(aElms.length) {
 aElms.push(document.createElement('br'));
 }
 aElms.push(document.createTextNode(sSubstring));
 });
 var $aElms = $(aElms);
 if(bReturnValue) {
 return $aElms;
 }
 return this.empty().append($aElms);
};
</code></pre>

I'm having jQuery take some textarea content and insert it into an li.

I want it to visually retain the line breaks.

There must be a really simple way to do this...

jQuery convert line breaks to br (nl2br equivalent)

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我让jQuery获取一些文本区内容，并将其插入到安莉中。我想让它在视觉上保留换行符。一定有一种非常简单的方法可以做到这一点。

问jQuery将换行符转换为br (相当于nl2br)
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery将换行符转换为br (相当于nl2br)EN