テキストエリアの改行マークアップ

Question

<script> 
     $('#textarea_').on('keyup', function() { 
      var textareaContentWithJquery = $('#textarea_').val(); 
      var textareaContentWithJavascript = document.getElementById('textarea_').value; 
     }); 
    </script> 

     <textarea cols="20" id="textarea_" name="textarea_" rows="2"> 
Some text in textarea here is created without pressing enter, 
just plain text. But how can i get the position 
of newline markup from textarea so that i can put <br> there? 
     </textarea> 

このようなテキストエリアから値を取得します（プレーンテキスト）。 ここにテキストエリアの一部のテキストが作成されます。しかし、私はテキストエリアから改行マークアップの位置を得ることができるので、そこに<br>を置くことができますか？

私がtextareaでenterを押して新しい行に渡すと、入力を押したところに\nがあるので簡単ですが、テキストを追加してテキストエリアに新しい行は、テキストに\nがありません。

私はこのようにする必要があります（プレーンテキストではありません）。

Some text in textarea here is created without pressing enter,\n 
just plain text. But how can i get the position\n 
of newline markup from textarea so that i can put <br> there?\n 

So i would easily replace \n with <br> 
Some text in textarea here is created without pressing enter,<br> 
just plain text. But how can i get the position<br> 
of newline markup from textarea so that i can put <br> there? <br> 

textareaContentWithJqueryとtextareaContentWithJavascriptは私が\nマークアップなしで意味と同じ結果になります。だから彼らは役に立たない。

Answer 1

新しい行に
を使用し、\nを検索し、<br>に置き換えることができます。

<textarea cols="20" id="textarea_" name="textarea_" rows="12" cols="150"> 
    Some text in textarea here is created without pressing enter, just plain text. 
    But how can i get the position of newline markup from textarea so that i can put <br>&#013; there? 
</textarea> 

$('#textarea_').on('keyup', function() { 
    var textareaContentWithJquery = $('#textarea_').val();     
    console.log(textareaContentWithJquery.replace(/\n/g, "<br>")); 
}); 

更新codepen：http://codepen.io/nobrien/pen/QNmOpv

Answer 2

この

$('#textarea_').on('keyup', function() { 
    var textareaContentWithJquery = $('#textarea_').val();     
    console.log(textareaContentWithJquery.replace(/\r?\n/g, '<br />')); 
});