New line character in output file

Question

When I try to write a string with multiple lines to an output text file the newline chars are not preserved and all the content is printed on one single line.

In the specific I have a button with a listener on click with associated this function:

function (e) {
    this.downloadButton.setAttribute("download", "output.txt");
    var textToSend = string1+"\r\n"+string2+"\r\n"+string3;
    this.downloadButton.setAttribute('href', 'data:text/plain;charset=utf-8,' + textToSend);
}

The file correctly downloaded, but string1, string2 and string3 are on the same line.

Any suggestion?

Answer 1

I think you may need to encode your data, which you can do with encodeURIComponent().

Try this:

var textToSend = string1+"\r\n"+string2+"\r\n"+string3;
textToSend = encodeURIComponent(textToSend);
this.downloadButton.setAttribute('href', 'data:text/plain;charset=utf-8,' + textToSend)