如何在JavaScript中用<br />替换\ n？

Question

我有一个textarea，当用户按下回车键时，我插入\n。来自这个textarea的代码通过jQuery.ajax()发送到WCF服务。我不能在数据库中保存\n，因为它不会在其他使用该服务的应用程序中显示。

如何将\n替换为<br />标签？

解决方案

那么多的你试图和一些有使用Javascript正则表达式与/ g（全局修改）的权利。 最后，我插入了两次，我不知道为什么，我唯一的猜测是，按键事件jQuery创建双\ n我调试。

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

Answer 1

与全球范围内更换

$('#input').val().replace(/\n/g, "<br />") 

或

$('#input').val().replace("\n", "<br />", "g") 

Answer 2

如果你支持PHP，你应该检查了这一点：http://php.net/manual/en/function.nl2br.php

Answer 3

这是可以做到这样的：

$('textarea').val().replace(/\n/g, "<br />"); 

编辑：对不起......在JavaScript中的正则表达式应该不被引用

working example

Answer 4

您可以使用简单的JavaScript字符串函数。

string.replace("\n", "<br>") 

Answer 5

从您的WCF服务中，您不仅可以使用String.Replace？

text = text.Replace("\n","<br />"); 

Answer 6

就像在评论和其他答案中说的，最好在服务器端做。

但是，如果你想知道如何做到这一点的客户方，这是一个简单的解决办法：

textareaContent.replace(/\\n/g, "<br />"); 

哪里textareaContent是在textarea的数据变量。

编辑：已更改，以便全局替换而不仅仅是第一次匹配。

Answer 7

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

Answer 8

，您可以使用内置了正则表达式的一点帮助替换功能的JavaScript，例如

$('#input').val().replace(/\n\r?/g, '<br />') 

此代码将返回所有进入重放与<br>

Answer 9

建立在其他答案，这可能是最好的PHP做的。现在，假设你不希望这阿贾克斯（这将是毫无意义的，并造成不必要的服务器负载），你应该使用phpjs.org的的this function JavaScript的端口：

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: '<br>\nOne<br>\nTwo<br>\n<br>\nThree<br>\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') ? '' : '<br>'; 

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

http://phpjs.org/functions/nl2br:480

Answer 10

下面将取代用<br />的\n所有实例：

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