Há muitos tópicos aqui sobre a conversão de br /> ou a preservação de novas linhas em diferentes idiomas, mas não muitos sobre a área de text

Eu tenho este script:

var boxText = "";
$("textarea.BoxText").live('dblclick', function () {
    boxText = $(this).val().replace(/ /g, "<br/>");
  $(this).replaceWith( '<div class="BoxText">' + $(this).val() + '</div>' );

});
$("div.BoxText").live('dblclick', function () {
  $(this).replaceWith( '<textarea form="HTML" class="BoxText">' + boxText + '</textarea>' );
});

Eu tenho um elemento de área de texto editável. Quando o usuário clica duas vezes nele, ele se converte em uma div. No entanto, em uma div, as novas linhas não são preservadas. Gostaria de converter apenas as novas linhas em
, atualmente, todos os espaços estão sendo convertidos. Eu tenho um segundo script que o converte novamente em textarea, daí a variável para armazenar a string. Eu precisaria do
também devem ser convertidos em novas linha

Isso pode parecer redundante, mas tenho uma boa razão para iss