Kopieren Sie aus dem Textfeld nach div, wobei die Zeilenumbrüche erhalten bleiben

Ich habe ein<textarea> und ein<div> (mit einer<p> Innerhalb). Bei der Eingabe von Text in den Bereich wird die<p> wird bei keyUp mit dem Inhalt aktualisiert.

Gibt es eine Möglichkeit, Zeilenumbrüche (neue Zeilen) aus dem Textbereich beizubehalten und sie irgendwie dazu zu bringen, wie Zeilenumbrüche in div / p zu arbeiten?

Doppelte "neue Zeile" durch ersetzen</p><p>ist das auch möglich Dies entspricht in etwa dem, was ein Wysiwyg tun würde, aber das möchte er nicht, da dies ein sehr kleines Projekt ist.

Das ist, was ich bisher habe.

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

Antworten auf die Frage(4)

Ihre Antwort auf die Frage