0

Tengo el siguiente código del ejemplo. Cuando yo pulso el botón Guardar en variable, el código HTML que se ingrese en el <textarea> se guardará en una variable. El problema es que hay saltos de línea aplicados en el textarea. Estaría permitido, por decirlo de alguna manera, que no hubiera problema en ingresar saltos de línea en el textarea, puesto que luego Javascript borraría dichos saltos sin afectar el código. Entonces, ¿cómo puedo eliminar dichos saltos de línea para que no haya errores usando Javascript? Gracias de antemano

function guardar() {
 var codigodeltextarea = document.getElementById("codigo").value
 console.log(codigodeltextarea);
}
<textarea id="codigo" style="height:118px;width:358px;"><h2>Título de página</h2>
<p>Texto normal</p></textarea>
<br>
<button onclick="guardar()">Guardar en variable</button>

1
  • Saludos. Si no quieres salto de línea en un dato lo idóneo es usar input en vez de textarea; hay que considerar la experiencia del usuario, si observa un área para entrada de datos que permita incluso texto enriquecido lo aprovechara; no por abusar, sino por que así se le da a entender es permitido/necesario. el 23 jun. 2020 a las 17:32

2 respuestas 2

1

Para eliminar todos los saltos de línea, puedes utilizar la función replace

<textarea id="codigo" style="height:118px;width:358px;"><h2>Título de página</h2>
<p>Texto normal</p></textarea>
<br>
<button onclick="guardar()">Guardar en variable</button>

JavaScript

function guardar() {
 var codigodeltextarea = document.getElementById("codigo").value
 var textarea = codigodeltextarea.replace(/(\r\n|\n|\r)/gm, "")
 console.log(textarea);
}
0

Existe una función propia de Javascript que te permite hacer eso, elimina todos lo que se considera "whitespace" (Caracteres de salto de línea, espacios , retornos de carro etc...) al inicio y al final de un string. Ejemplo

const myString = '       Hola mundo   ';
const myNewString = myString.trim();

console.log(myNewString);

Usualmente cuando quieres "Limpiar texto" proviniendo de un input es la mejor y más corta forma de hacerlo.

Si quieres ver más información sobre esta función te recomiendo el siguiente enlace: https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/String/Trim

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.