JavaScript 自动保存文本到客户端的文件

Question

I am using a code editor and a file view, I want whatever the user type in the code editor auto saves in the file. I have a function to download the file with the current text inside like this:

function saveFile() {
    var text = editor.doc.getValue();
    var text = text.replace(/\n/g, "\r\n");
    var blob = new Blob([text], {type: "text/x-python;charset=utf-8"});
    saveAs(blob, selectedFileName.name);
}

using a FileSaver.js, link: http://purl.eligrey.com/github/FileSaver.js .

I store the files in a file array and display them as unordered list.

Currently I am replacing the whole file like this:

fileList[0] = new File(["content"], "filename");

Can I update the text of a file in the fileList directly, without the need of creating a new file and replacing it?

Answer 1

You can use local sotage for store data at client side. // Store

localStorage.setItem("lastname", "Smith");

// Retrieve document.getElementById("result").innerHTML = localStorage.getItem("lastname");

Answer 2

See this example here all about local storage with an example in simple words so please check it -- https://sknetking9.blogspot.com/2021/06/note-pad-tool-using-javascript-how-to.html

Local storage set data,Get data and Delete data by js & html so i think its help full --