javascript - DIV 内のテキストの改行

Question

mysql に保存されているテキストを div に挿入するときに、次の文を使用してテキストを挿入するため、少し混乱しています。

<div class="menssge_holder"><?php echo str_replace("\n", "</p>", $conversation[$i]['message']); ?></div>

その文は正常に機能しますが、ユーザーがテキストエリアに新しいメッセージを入力して送信ボタンを押すと、そのテキストを div_holder 内に配置すると '\n' が有効になりません。

javascriptまたはjQueryで使用する必要がある同等のものは何ですか?

ありがとう。

Answer 1

またはに置き換える</p>と機能します。また、を使用している場合は、この方法でCSSを指定すると便利です。<p><br />pp

p {margin: 0 0 15px;}

Answer 2

これにより、不正な html が生成されます。新しい行に置き換えたい場合は</p>、 noがたくさんあります。<p>\n<br /></p>.\r\n

Answer 3

<div class="menssge_holder"><?php echo str_replace(/\n/ig, "<br />", $conversation[$i]['message']); ?></div>

あなたの場合、あなたはこのようなものが必要です：

jsBinデモ

$('#post').click(function(){
  
  var copyThis = $('#textarea').val().replace(/\n/ig, '<br />');  
  $('#result').html( copyThis );
  
});