輸出文件中的新行字符

Question

當我嘗試將具有多行的字符串寫入輸出文本文件時，不會保留換行符，並且所有內容都打印在一行中。

具體來說，我有一個按鈕，點擊一個監聽器並關聯此功能：

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);
}

文件正確下載，但string1，string2和string3在同一行。

有什么建議嗎？

Answer 1

我想您可能需要對數據進行編碼，您可以使用encodeURIComponent()進行編碼。

嘗試這個：

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

Answer 2

使用encodeURIComponent() 。 見下面的工作示例。

 var downloadButton = document.getElementById('download'); var textToSend = encodeURIComponent("string1\\r\\nstring2\\r\\nstring3"); downloadButton.setAttribute('href', 'data:text/plain;charset=utf-8,' + textToSend); 

 <a id="download" download="output.txt">Download</a>