Open text file and Save as html file in your local device using File System Access API

in this exemple you can open text file from your local files in textarea and saving as html file in your in local device using File System Access API
<button id="open"> open File</button> <button id="saveas"> save as</button> <textarea id="textarea" style="width:100%;height:300px">Free Online HTML editor autocomplete with CSS & JS</textarea> <script> document.getElementById("open").onclick = function() { openFile() } async function openFile() { let fileHandle; [fileHandle] = await window.showOpenFilePicker(); const file = await fileHandle.getFile(); const contents = await file.text(); document.getElementById("textarea").value = contents; } document.getElementById("saveas").onclick = function() { saveFile() } async function saveFile() { const opts = { types: [{ description: 'html file', accept: {'text/html': ['.html']}, }], }; const newHandle = await window.showSaveFilePicker(opts); const writableStream = await newHandle.createWritable(); var textarea =document.getElementById("textarea").value await writableStream.write(textarea); await writableStream.close(); } </script>

© Manajmnt code

Share to :

☷✎