blocks|key|3173243|text|替换为全局作用域|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3173244|$('#input').val().replace(/\n/g,+"<br+/>")|code-block|syntax|javascript|3173245|或|3173246|$('#input').val().replace("\n",+"<br+/>",+"g")|3173247|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Replace with global scope

<pre><code>$('#input').val().replace(/\n/g, "&lt;br /&gt;")
</code></pre>

or

<pre><code>$('#input').val().replace("\n", "&lt;br /&gt;", "g")
</code></pre>

blocks|key|2959325|text|可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2959326|$('textarea').val().replace(/\n/g,+"<br+/>");|code-block|syntax|javascript|2959327|编辑：对不起...javascript中的正则表达式不应加引号。|offset|length|style|BOLD|2959328|working+example|2959329|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/ZmW45/^0|0|0|0|2|0|0|F|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@$I|Z|J|10|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|11|8|@]|9|@$I|12|J|13|1|14]]|A|$]]|$1|O|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

it could be done like this:

<pre><code>$('textarea').val().replace(/\n/g, "&lt;br /&gt;");
</code></pre>

edit: sorry ... the regular expressions in javascript should not be quoted

<a href="http://jsfiddle.net/ZmW45/" rel="noreferrer">working example</a>

blocks|key|265182|text|就像在评论和其他答案中所说的，最好是在服务器端做。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|265183|然而，如果你想知道如何在客户端做到这一点，这是一个简单的修复方法：|265184|textareaContent.replace(/\\n/g,+"<br+/>");|code-block|syntax|javascript|265185|其中textareaContent是包含文本区中数据的变量。|offset|length|style|CODE|265186|编辑：更改为全局替换，而不仅仅是第一个匹配。|BOLD|265187|entityMap^0|0|0|0|2|F|0|0|3|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|V|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|W|8|@$K|X|L|Y|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|Z|8|@$K|10|L|11|M|Q]]|9|@]|A|$]]|$1|R|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|S|$]]

Like said in comments and other answer, it's better to do it on server side. 

However if you want to know how to do it on clientside this is one easy fix: 

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

Where <code>textareaContent</code> is the variable with the data in the textarea.

Edit: Changed so that it replaces globally and not only first match.

blocks|key|2959319|text|如果你支持PHP，你应该看看这个：http://php.net/manual/en/function.nl2br.php|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2959320|entityMap|0|LINK|mutability|MUTABLE|url|http://php.net/manual/en/function.nl2br.php^0|H|17|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you support PHP you should check this out: <a href="http://php.net/manual/en/function.nl2br.php" rel="nofollow">http://php.net/manual/en/function.nl2br.php</a>

blocks|key|2959338|text|你可以使用一个简单的javascript字符串函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2959339|+string.replace("\n",+" ")|code-block|syntax|javascript|2959340|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 use a simple javascript string function.

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

blocks|key|2959421|text|例如，您可以在regex的帮助下使用javascript内置的替换函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2959422|$('#input').val().replace(/\n\r?/g,+'<br+/>')|code-block|syntax|javascript|2959423|此代码将返回替换为 的所有enters|offset|length|style|CODE|2959424|entityMap^0|0|0|9|4|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|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

you can use javascript built in replace function with a little help of regex, for example

<pre><code>$('#input').val().replace(/\n\r?/g, '&lt;br /&gt;')
</code></pre>

this code will return all enters replaced with <code>&lt;br&gt;</code>

blocks|key|2959354|text|在你的WCF服务中，你不能只使用String.Replace吗？|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2959355|text+=+text.Replace("\n","<br+/>");|code-block|syntax|javascript|2959356|entityMap^0|G|E|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

From within your WCF service can you not just use <code>String.Replace</code> ?

<pre><code>text = text.Replace("\n","&lt;br /&gt;");
</code></pre>

blocks|key|262989|text|var+replaced+=+$('#input').val().replace("\n",+" ");|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|262990|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var replaced = $('#input').val().replace("\n", "&lt;br/&gt;");
</code></pre>

blocks|key|266655|text|基于其他答案，这可能是用php做得最好的。现在假设您不想对此进行ajax+(这是毫无意义的，并且会导致不必要的服务器负载)，那么您可能应该使用phpjs.org的javascript端口this+function|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|266656|function+nl2br+(str,+is_xhtml)+{
++++//+Converts+newlines+to+HTML+line+breaks++
++++//+
++++//+version:+1103.1210
++++//+discuss+at:+http://phpjs.org/functions/nl2br++++//+%2B+++original+by:+Kevin+van+Zonneveld+(http://kevin.vanzonneveld.net)
++++//+%2B+++improved+by:+Philip+Peterson
++++//+%2B+++improved+by:+Onno+Marsman
++++//+%2B+++improved+by:+Atli+Þór
++++//+%2B+++bugfixed+by:+Onno+Marsman++++//+%2B++++++input+by:+Brett+Zamir+(http://brett-zamir.me)
++++//+%2B+++bugfixed+by:+Kevin+van+Zonneveld+(http://kevin.vanzonneveld.net)
++++//+%2B+++improved+by:+Brett+Zamir+(http://brett-zamir.me)
++++//+%2B+++improved+by:+Maximusya
++++//+*+++++example+1:+nl2br('Kevin\nvan\nZonneveld');++++//+*+++++returns+1:+'Kevin\nvan\nZonneveld'
++++//+*+++++example+2:+nl2br("\nOne\nTwo\n\nThree\n",+false);
++++//+*+++++returns+2:+' \nOne \nTwo \n \nThree \n'
++++//+*+++++example+3:+nl2br("\nOne\nTwo\n\nThree\n",+true);
++++//+*+++++returns+3:+'\nOne\nTwo\n\nThree\n'++++var+breakTag+=+(is_xhtml+%7C%7C+typeof+is_xhtml+===+'undefined')+?+''+:+' ';

++++return+(str+%2B+'').replace(/([%5E>\r\n]?)(\r\n%7C\n\r%7C\r%7C\n)/g,+'$1'+%2B+breakTag+%2B+'$2');
}|code-block|syntax|javascript|266657|http://phpjs.org/functions/nl2br:480|266658|entityMap|0|LINK|mutability|MUTABLE|url|http://phpjs.org/|1|http://php.net/manual/en/function.nl2br.php|2^0|1Z|9|0|2L|D|1|0|0|0|10|2|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]|$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@$A|14|B|15|1|16]]|C|$]]|$1|K|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]|U|$5|N|O|P|C|$Q|J]]]]

Building on the other answers, this is probably done best by php. Now assuming you don't want to ajax this (which would be pointless and cause unnecessary server load), you should probably use <a href="http://phpjs.org" rel="nofollow">phpjs.org</a>'s javascript port of <a href="http://php.net/manual/en/function.nl2br.php" rel="nofollow">this function</a>:

<pre><code>function nl2br (str, is_xhtml) {
 // Converts newlines to HTML line breaks 
 // 
 // version: 1103.1210
 // discuss at: http://phpjs.org/functions/nl2br // + original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
 // + improved by: Philip Peterson
 // + improved by: Onno Marsman
 // + improved by: Atli Þór
 // + bugfixed by: Onno Marsman // + input by: Brett Zamir (http://brett-zamir.me)
 // + bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
 // + improved by: Brett Zamir (http://brett-zamir.me)
 // + improved by: Maximusya
 // * example 1: nl2br('Kevin\nvan\nZonneveld'); // * returns 1: 'Kevin\nvan\nZonneveld'
 // * example 2: nl2br("\nOne\nTwo\n\nThree\n", false);
 // * returns 2: '&lt;br&gt;\nOne&lt;br&gt;\nTwo&lt;br&gt;\n&lt;br&gt;\nThree&lt;br&gt;\n'
 // * example 3: nl2br("\nOne\nTwo\n\nThree\n", true);
 // * returns 3: '\nOne\nTwo\n\nThree\n' var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '' : '&lt;br&gt;';

 return (str + '').replace(/([^&gt;\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + breakTag + '$2');
}
</code></pre>

<a href="http://phpjs.org/functions/nl2br:480" rel="nofollow">http://phpjs.org/functions/nl2br:480</a>

blocks|key|3173334|text|以下代码将使用<br+/>替换\n的所有实例：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3173335|while+(message.indexOf("\\n")+!==+-1)+{
+++message+=+message.replace("\\n",+"<br+/>");
}|code-block|syntax|javascript|3173336|entityMap^0|7|6|F|2|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

The following will replace all instances of <code>\n</code> with a <code>&lt;br /&gt;</code> :

<pre><code>while (message.indexOf("\\n") !== -1) {
 message = message.replace("\\n", "&lt;br /&gt;");
}
</code></pre>

blocks|key|2959557|text|我知道这是一个古老的问题/答案，但它是最早出现在谷歌搜索中的问题/答案之一，在很远的将来不再适用于当前的浏览器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2959558|将\n转换为<br+/>+(至少对我而言)的正确答案是：|offset|length|style|CODE|2959559|text+=+text.Replace(/\\n/g,"<br+/>");|code-block|syntax|javascript|2959560|entityMap^0|0|1|2|6|6|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]|$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

I know this is an ancient question/answer but it's one of the first to come up on a google search and no longer works here in the distant future with current browsers.
The correct answer to convert the <code>\n</code> to <code>&lt;br /&gt;</code> (at least for me) is:
<pre><code>text = text.Replace(/\\n/g,&quot;&lt;br /&gt;&quot;);
</code></pre>

I have a textarea where I insert <code>\n</code> when user presses enter. Code from this textarea is sent to a WCF service via <code>jQuery.ajax()</code>. I cannot save <code>\n</code> in DB as it won't show in other applications consuming the service. 

How can i replace <code>\n</code> with <code>&lt;br /&gt;</code> tag?

solution

Well many of you tried and some got right with Javascript Regex with /g (global modifier).
At the end i had \n inserted twice, i don't know why, my only guess is that jQuery on keypress event created double \n which i debug.

<pre><code>$('#input').keypress(function (event) {
 if (event.which == '13') {
 inputText = $('#input').val() + '\n';
 $('#input').val(inputText);
 }
});
</code></pre>

How to replace \n with in JavaScript?

数据库

服务器

jQuery

我有一个文本区，当用户按回车键时，我在其中插入\n。此文本区域中的代码通过jQuery.ajax()发送到WCF服务。我无法将\n保存在数据库中，因为它不会显示在使用该服务的其他应用程序中。\n如何使用 tag替换？解决方案你们中的许多人都尝试过，有些人使用带有/g (全局修饰符)的Javascript Regex是正确的。最后我插入了\n两次，我不知道为什么，我唯一的猜测是jQuer

问如何在JavaScript中将\n替换为<br />？
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JavaScript中将\n替换为<br />？EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JavaScript中将\n替换为<br />？
EN