javascript - DIV 内文本中的新行

Question

我有点困惑，因为当我在 div 中插入存储在 mysql 中的文本时，我使用以下句子插入文本：

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

这句话工作得很好，但是当用户在文本区域中输入新消息并按下发送按钮时，我将该文本放在 div_holder 中并且 '\n' 不生效。

我应该在 javascript 或 jQuery 中使用什么等价物？

谢谢。

score 1 · Accepted Answer

这将生成不正确的 html。如果您想用新行替换，您将有一堆with no ，请尝试而不是按照我的@MarcB 上面的建议，您可能还想尝试 replace 。\n .\r\n

score 1 · Accepted Answer

替换为or 就可以了。此外，如果您正在使用p，以这种方式提供 CSSp将很有帮助：

p {margin: 0 0 15px;}

score 0 · Accepted Answer

<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 );
  
});