Skip to main content
Demostración en HTML.
Origen Enlace

Si lo quieres plasmar en un <textarea> no deberías tener problemas, pero si lo quieres plasmar en HTML te enfrentas a que un salto de línea en código fuente es renderizado solo como un espacio en blanco más.

Para poder usar los saltos de línea como tal, debes usar las etiquetas <br />, y para lograrlo debes hacer esto:

var textoJSON = {
 texto:"Hola mi nombre es \nJuancho Carrazco y tengo un lobby \nen el peñazco",
};

// función replace
var textoEnHtml = textoJSON.texto.replace(/\n/g, "<br />");


consoledocument.loggetElementById(textoEnHtml"myText");.innerHTML = textoEnHtml;
<span id="myText"></span>

Con la función replace sustituyes cada salto de línea literal (\n) con un salto de línea en HTML (<br  />) y el navegador lo renderizará como tal.

Si lo quieres plasmar en un <textarea> no deberías tener problemas, pero si lo quieres plasmar en HTML te enfrentas a que un salto de línea en código fuente es renderizado solo como un espacio en blanco más.

Para poder usar los saltos de línea como tal, debes usar las etiquetas <br />, y para lograrlo debes hacer esto:

var textoJSON = {
 texto:"Hola mi nombre es \nJuancho Carrazco y tengo un lobby \nen el peñazco",
};

var textoEnHtml = textoJSON.texto.replace(/\n/g, "<br />");


console.log(textoEnHtml);

Con la función replace sustituyes cada salto de línea literal (\n) con un salto de línea en HTML (<br  />) y el navegador lo renderizará como tal.

Si lo quieres plasmar en un <textarea> no deberías tener problemas, pero si lo quieres plasmar en HTML te enfrentas a que un salto de línea en código fuente es renderizado solo como un espacio en blanco más.

Para poder usar los saltos de línea como tal, debes usar las etiquetas <br />, y para lograrlo debes hacer esto:

var textoJSON = {
 texto:"Hola mi nombre es \nJuancho Carrazco y tengo un lobby \nen el peñazco",
};

// función replace
var textoEnHtml = textoJSON.texto.replace(/\n/g, "<br />");


document.getElementById("myText").innerHTML = textoEnHtml;
<span id="myText"></span>

Con la función replace sustituyes cada salto de línea literal (\n) con un salto de línea en HTML (<br/>) y el navegador lo renderizará como tal.

Origen Enlace

Si lo quieres plasmar en un <textarea> no deberías tener problemas, pero si lo quieres plasmar en HTML te enfrentas a que un salto de línea en código fuente es renderizado solo como un espacio en blanco más.

Para poder usar los saltos de línea como tal, debes usar las etiquetas <br />, y para lograrlo debes hacer esto:

var textoJSON = {
 texto:"Hola mi nombre es \nJuancho Carrazco y tengo un lobby \nen el peñazco",
};

var textoEnHtml = textoJSON.texto.replace(/\n/g, "<br />");


console.log(textoEnHtml);

Con la función replace sustituyes cada salto de línea literal (\n) con un salto de línea en HTML (<br />) y el navegador lo renderizará como tal.