1

Tengo un apartado para notas rápidas pero al guardarlas en un archivo (.txt) me guarda el valor del textarea en una sola linea y quiero que se respete los saltos de linea y los espacios;

Ejemplo:

Valor o texto que ingreso al textarea:

HOLA MUNDO
HOLA MUNDO
HOLA MUNDO
HOLA MUNDO

Valor que guarda en el archivo (.txt):

HOLAMUNDOHOLAMUNDOHOLAMUNDOHOLAMUNDO

Código HTML

<textarea placeholder="Escribir..." 
          id="input_textarea" 
          style="width: 370px; 
                 height: 150px; 
                 margin-top: 25px; 
                 margin-left: 16px; 
                 margin-right: 16px;">
</textarea>

Código JavaScript

function guardar_notas_txt()
    { 
        var textToWrite = input_textarea.value;
        var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
        var file_name = nombre_guardado_notas.value;
        var fileNameToSaveAs = file_name+".txt";
        var downloadLink = document.createElement("a");
        downloadLink.download = fileNameToSaveAs;
        downloadLink.innerHTML = "My Hidden Link";
        window.URL = window.URL || window.webkitURL;
        downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
        downloadLink.onclick = destroyClickedElement;
        downloadLink.style.display = "none";
        document.body.appendChild(downloadLink);
        downloadLink.click();
    }

function destroyClickedElement(event)
    {
        document.body.removeChild(event.target);
    }

1 respuesta 1

1

Intenta con esta función regex al momento de capturar el valor de tu textarea:

var textToWrite = input_textarea.value.replace(/\n/g, "\r\n");

Demo:

function guardar_notas_txt() {

  var textToWrite = input_textarea.value.replace(/\n/g, "\r\n");
  var textFileAsBlob = new Blob([textToWrite], {
    type: 'text/plain'
  });
  var file_name = "archivo";
  var fileNameToSaveAs = file_name + ".txt";
  var downloadLink = document.createElement("a");
  downloadLink.download = fileNameToSaveAs;
  downloadLink.innerHTML = "My Hidden Link";
  window.URL = window.URL || window.webkitURL;
  downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
  downloadLink.onclick = destroyClickedElement;
  downloadLink.style.display = "none";
  document.body.appendChild(downloadLink);
  downloadLink.click();
}

function destroyClickedElement(event) {
  document.body.removeChild(event.target);
}
<textarea placeholder="Escribir..." id="input_textarea" style="width: 370px; 
                 height: 150px; 
                 margin-top: 25px; 
                 margin-left: 16px; 
                 margin-right: 16px;">
</textarea>
<br>
<button onclick="guardar_notas_txt();">Guardar</button>

1
  • Gracias, era lo que buscaba 8) Commented el 15 ago. 2018 a las 22:26

Tu Respuesta

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

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