Here's a basic outline for a Txt & Html File Generator tool:
Features
1. Text Input: Users can input text content.
2. File Type Selection: Users can select the file type (Txt or Html).
3. File Name Input: Users can input the desired file name.
4. Generate File: A button to generate the file based on user input.
Implementation
This tool can be built using HTML, CSS, and JavaScript. Here's a simple implementation:
HTML
```
Txt & Html File Generator
Txt & Html File Generator
```
JavaScript
```
document.getElementById('generate-file').addEventListener('click', (e) => {
e.preventDefault();
const textInput = document.getElementById('text-input').value;
const fileType = document.getElementById('file-type').value;
const fileName = document.getElementById('file-name').value;
if (fileType === 'txt') {
const txtBlob = new Blob([textInput], {type: 'text/plain'});
const txtLink = document.createElement('a');
txtLink.href = URL.createObjectURL(txtBlob);
txtLink.download = `${fileName}.txt`;
txtLink.click();
} else if (fileType === 'html') {
const htmlContent = `${textInput}`;
const htmlBlob = new Blob([htmlContent], {type: 'text/html'});
const htmlLink = document.createElement('a');
htmlLink.href = URL.createObjectURL(htmlBlob);
htmlLink.download = `${fileName}.html`;
htmlLink.click();
}
});
```
This code creates a simple Txt & Html File Generator tool. When the user clicks the "Generate File" button, it creates a blob with the user-input text and file type, then simulates a click on a link to download the file.
8
No comments:
Post a Comment