jquery - div - textarea html ejemplo

Nueva línea en Textarea para convertir a<br/>

Question

Aquí hay muchos subprocesos sobre la conversión de br /> o la preservación de nuevas líneas en diferentes idiomas, pero no muchos con respecto al área de texto.

Tengo este guión:

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

Tengo un elemento textarea, editable. Cuando el usuario hace doble clic en él, se convierte en un div. Sin embargo, en una div, las nuevas líneas no se conservan. Me gustaría convertir sólo las nuevas líneas en
Actualmente, todos los espacios se están convirtiendo. Tengo un segundo script que lo convierte de nuevo a textarea, por lo tanto, la variable para almacenar la cadena. Necesitaría el
También hay que reconvertirlo en nuevas líneas.

Esto puede parecer redundante, pero tengo una buena razón para esto.

Answer 1

Esto reemplazará los saltos de línea a las etiquetas de ruptura HTML. Las diferentes combinaciones son para cubrir los diferentes navegadores / sistemas y cómo se interpretan los saltos de línea.

$(this).val().replace(//r/n|/r|/n/g,"<br />")

Esto lo llevará de nuevo a nuevas líneas, que también cubrirá cómo los diferentes navegadores interpretan innerHTML.

boxText.replace(/<br/s?//?>/g,"/n");