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>

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

☷✎

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

Comments

Post a Comment

Meta keywords generator tool for Blogger

Custom permalink creator for blogger

Create direct download link for google drive file online

Create simple recent post with thumbnail in blogger

blogger meta description generator

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

Related

Comments

Post a Comment