Skip to main content

HTML TO PDF

PDF Creator with Preview

PDF Creator

Loading Preview
body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; } .container { background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 800px; } h1 { text-align: center; margin-bottom: 20px; } .content { display: flex; gap: 20px; } .preview-section { flex: 1; text-align: center; } .preview-animation { margin-bottom: 20px; } .convert-button { padding: 10px 20px; background-color: #28a745; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } .convert-button:hover { background-color: #218838; } .options-section { flex: 1; } form label { display: block; margin-bottom: 5px; font-weight: bold; } form input, form select, form textarea { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; } document.getElementById('convertToPdf').addEventListener('click', function() { const websiteUrl = document.getElementById('websiteUrl').value; const screenSize = document.getElementById('screenSize').value; const pageSize = document.getElementById('pageSize').value; const oneLongPage = document.getElementById('oneLongPage').checked; const orientation = document.getElementById('orientation').value; const pageMargin = document.getElementById('pageMargin').value; const htmlSettings = document.getElementById('htmlSettings').value; // Simulate a preview animation const previewAnimation = document.getElementById('previewAnimation'); previewAnimation.innerHTML = 'Loading Preview'; // Simulate PDF generation (replace with actual logic) setTimeout(() => { previewAnimation.innerHTML = '

PDF Generated Successfully!

'; alert('PDF Generated with the following settings:\n' + `Website URL: ${websiteUrl}\n` + `Screen Size: ${screenSize}\n` + `Page Size: ${pageSize}\n` + `One Long Page: ${oneLongPage ? 'Yes' : 'No'}\n` + `Orientation: ${orientation}\n` + `Page Margin: ${pageMargin}\n` + `HTML Settings: ${htmlSettings}`); }, 2000); });

PDF Creator

Loading Preview

Popular posts from this blog

PDF MERGER

KJR Seva PDF Merger KJR Seva PDF Merger Merge PDFs with watermark, footer, and preview Drag & Drop PDF files here or click to select Select Files Watermark Text: Footer Text: Apply footer to all pages Pages to apply watermark/footer (comma-separated, leave blank for all): Merge PDFs Clear All Download Merged PDF Merging PDFs...
Read more

JPG TO PDF

JPEG to PDF Converter JPEG to PDF Converter 📄 Drag & Drop JPEGs here or click to upload . Convert & Download PDF
Read more

pdf to text4

Document Processor Document Processor PDF Text Extraction Drag & Drop PDF here or Click to Upload × PDF Preview & Extracted Text Download Extracted Text 1.The Best Solution for Your PDFs Need to edit, convert, or compress PDFs quickly? In this post, we’ll show you how to [main topic], using PDFs Solution, your go-to online tool for hassle-free PDF management. 2.Why Pdfs solution is Important? Many users struggle with large PDF files that are hard to share. Compressing a PDF helps reduce file size while maintaining quality.
Read more