'); htmlParts.push(''); generatedHTML = htmlParts.join('\n'); htmlCodeEditor.value = generatedHTML; // Update preview updatePreview(); // Update stats const chars = totalText.length; const words = totalText.split(/\s+/).filter(w => w.length > 0).length; charCount.textContent = chars + ' chars'; wordCount.textContent = words + ' words'; showProgress(100); setStatus('HTML generated successfully!'); setTimeout(hideProgress, 800); }function updatePreview() { if (currentView === 'preview') { const blob = new Blob([generatedHTML], { type: 'text/html' }); htmlPreview.src = URL.createObjectURL(blob); } }// ----- Extract Images Only ----- async function extractImagesFromPDF() { if (!pdfDoc) { alert('Please upload a PDF first.'); return; } setStatus('Extracting images...'); showProgress(30); extractedImages = []; for (let pageNum = 1; pageNum <= totalPages; pageNum++) { currentPage = pageNum; await renderPage(); const imageData = canvasRef.toDataURL('image/png'); extractedImages.push({ page: pageNum, data: imageData }); showProgress(30 + Math.floor((pageNum / totalPages) * 60)); } // Create HTML with just images let htmlParts = ['']; htmlParts.push(''); htmlParts.push(''); htmlParts.push('

Extracted PDF Pages as Images

'); extractedImages.forEach(img => { htmlParts.push(`

Page ${img.page}

`); htmlParts.push(``); }); htmlParts.push(''); generatedHTML = htmlParts.join('\n'); htmlCodeEditor.value = generatedHTML; updatePreview(); showProgress(100); setStatus(`${extractedImages.length} images extracted.`); setTimeout(hideProgress, 800); }// ----- Copy & Download ----- function copyHTML() { if (!generatedHTML) { alert('No HTML to copy. Convert a PDF first.'); return; } navigator.clipboard.writeText(generatedHTML).then(() => { setStatus('HTML copied to clipboard!'); setTimeout(() => setStatus('Ready'), 2000); }); }function downloadHTML() { if (!generatedHTML) { alert('No HTML to download. Convert a PDF first.'); return; } const blob = new Blob([generatedHTML], { type: 'text/html' }); saveAs(blob, 'converted-document.html'); setStatus('HTML file downloaded!'); }// ----- Tab Switching ----- document.querySelectorAll('.html-tab').forEach(tab => { tab.addEventListener('click', () => { document.querySelectorAll('.html-tab').forEach(t => t.classList.remove('active')); tab.classList.add('active'); currentView = tab.dataset.view; if (currentView === 'code') { htmlCodeEditor.style.display = 'block'; htmlPreview.style.display = 'none'; } else { htmlCodeEditor.style.display = 'none'; htmlPreview.style.display = 'block'; updatePreview(); } }); });// ----- Event Listeners ----- uploadBtn.addEventListener('click', () => fileInput.click()); fileInput.addEventListener('change', async (e) => { const file = e.target.files[0]; if (file && file.type === 'application/pdf') await loadPDF(file); fileInput.value = ''; });extractImagesBtn.addEventListener('click', extractImagesFromPDF); copyHtmlBtn.addEventListener('click', copyHTML); downloadHtmlBtn.addEventListener('click', downloadHTML);prevPageBtn.addEventListener('click', () => { if (currentPage > 1) { currentPage--; renderPage(); } });nextPageBtn.addEventListener('click', () => { if (currentPage < totalPages) { currentPage++; renderPage(); } });// Re-convert on option change [structureSelect, imageModeSelect, preserveFormatting, includeCss].forEach(el => { el.addEventListener('change', () => { if (pdfDoc) convertToHTML(); }); });// Initial htmlCodeEditor.style.display = 'block'; htmlPreview.style.display = 'none'; setStatus('Upload a PDF to convert to HTML.'); })();