Quiero mostrar la entrada de texto de nueva línea tomada en el campo de texto en la nueva línea que es la siguiente
Hello, \\1st line This is how i want to display, \\2nd line such input is given to textfield. \\3rd lineEstoy usando el siguiente código usando este código, el texto que estoy ingresando en la nueva línea no se muestra en absoluto (no también el texto de la primera línea) Este código solo muestra el texto de una sola línea
{% for obj in post %} <script> var str= '{{ obj.content }}'; $(".statbox").prepend("<div class='box2'>" + str + "</div>"); </script> {% endfor%}si estoy usando el siguiente código, entonces muestra todas las líneas nuevas ingresando texto pero en una sola línea como se muestra a continuación
{% for obj in post %} <div class='box2'> {{ obj.content }} </div> {% endfor%}y su salida
Hello,\\1st line\\ This is how i not want to display, \\2nd line\\ such input is given to textfield. \\3rd line Entonces, ¿cómo puedo mostrar todas las entradas ingresadas de nueva línea en una nueva línea usando el código js porque quiero mostrar ese texto de manera prepend ?
Gracias de adv...
El problema es que HTML no respeta los espacios en blanco, a menos que estén dentro de ciertos elementos.
Para lograr lo que necesita, puede reemplazar los saltos de línea en la cadena con etiquetas <br /> , como esta:
var str = `Hello, This is how i want to display, such input is given to textfield.`; $(".statbox").prepend('<div class="box2">' + str.replace(/\n/g, '<br />') + '</div>'); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="statbox"></div>