javascript - 从 textarea 复制到 div，保留换行符

Question

我有一个 <textarea>和一个 <div> (里面有 <p>)。 在该区域中输入文本时，<p>在 keyUp 上更新内容。

有没有办法保留 textarea 中的换行符(新行)并以某种方式让它们像 div/p 中的换行符一样工作？

用 </p><p> 替换双“新行” ，这也可能吗？这接近于所见即所得可以处理的内容，但不希望为此，这是一个非常小的项目。

---

这就是我到目前为止所得到的。

$(".box textarea").keyup(function () {
  var value = $(this).val();  
  $('.box p').text(value);
});

Answer 1

您可能希望将 CSS 规则 white-space: pre 或 white-space: pre-wrap 添加到 .box p。这将按原样显示空白。