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)

jQuery

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

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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