jQuery：keyup（）：用文本區域的內容更新div ...換行符？

Question

我已經張貼在這裏的工作版本：http://jsfiddle.net/JV2qW/2/

我有一個textarea的更新（在keyup()）與正在輸入的文本DIV。除了換行符不被識別之外，所有事情都是按照它應該的方式工作的。

的HTML：

<p>enter text</p> 
<textarea id='text'></textarea> 
<div id='target'></div> 

和jQuery的：

$('#text').keyup(function(){ 
     var keyed = $(this).val(); 
     $("#target").html(keyed); 
}); 

如何讓\n翻譯成<br/>或<p>標籤有什麼想法？

非常感謝。

Answer 1

您可以<br/>

$('#text').keyup(function() { 
    var keyed = $(this).val().replace(/\n/g, '<br/>'); 
    $("#target").html(keyed); 
}); 

更換任何換行符您可以查看到MDC一篇關於正則表達式，如果你想更換其他的東西。

https://developer.mozilla.org/en/JavaScript/Guide/Regular_Expressions

Answer 2

http://jsfiddle.net/omnosis/8XL7n/

更換'\n'到'<br />'

Answer 3

爲什麼不只是你更換密鑰值，並替換？

在這裏你有例子 - 部分轉換carrage返回

http://lawrence.ecorp.net/inet/samples/regexp-format.php