如何在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 />"); 
}