1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Custom File manager</title>
</head>
<body>
<p><button onclick="openFile()"> Open File </button></p>
<p><textarea id="code" cols="55" rows="15" contenteditable="true"></textarea></p>
<p><button onclick="save()"> Save </button></p>
</body>
<script src="main.js"></script>
</html>
2. javascript
let handler;
async function openFile(){
let [handler] = await window.showOpenFilePicker();
let getfiles = await handler.getFile();
let gettext = await getfiles.text();
let textarea = document.getElementById("code");
textarea.innerHTML = gettext;
}
async function save(){
const newhandler = await window.showSaveFilePicker();
let stream = await newhandler.createWritable();
let textarea = document.getElementById("code").value;
await stream.write(textarea);
await stream.close();
}
No comments:
Post a Comment