//Generating PDF...';
loadingIndicator.style.position = 'fixed';
loadingIndicator.style.top = '50%';
loadingIndicator.style.left = '50%';
loadingIndicator.style.transform = 'translate(-50%, -50%)';
loadingIndicator.style.backgroundColor = 'rgba(0, 0, 0, 0.7)';
loadingIndicator.style.color = 'white';
loadingIndicator.style.padding = '20px';
loadingIndicator.style.borderRadius = '10px';
loadingIndicator.style.zIndex = '9999';
loadingIndicator.style.fontSize = '18px';
loadingIndicator.style.textAlign = 'center';
document.body.appendChild(loadingIndicator);
// Function to hide loading indicator
const hideLoading = () => {
const indicator = document.getElementById('pdf-loading-indicator');
if (indicator) indicator.remove();
};
try {
console.log('Starting PDF generation...');
// Select the post content
const selectors = ['.post-body', '.entry-content', '.post-content', 'div.post', '.post-body-inner', '.post-entry'];
let postContentElement = null;
for (let selector of selectors) {
postContentElement = document.querySelector(selector);
if (postContentElement) {
console.log('Found post content with selector:', selector);
break;
}
}
// Fallback if no content found
if (!postContentElement) {
console.error('No post content found. Tried selectors:', selectors);
hideLoading();
alert('Error: Could not find post content.');
return;
}
// Clone the element to avoid modifying the original page
const contentToCapture = postContentElement.cloneNode(true);
// Find the post title
let postTitle = "";
// Try different common selectors for post titles in Blogger
const titleSelectors = [
'h3.post-title', '.post-title', '.entry-title',
'h1.title', 'h1.post-title', 'h2.post-title',
'.post h1', '.post h2', '.post h3',
'header h1', 'header h2'
];
for (let selector of titleSelectors) {
const titleElement = document.querySelector(selector);
if (titleElement) {
postTitle = titleElement.textContent.trim();
console.log('Found post title:', postTitle);
break;
}
}
// If no title found, try to get it from document title
if (!postTitle) {
// Extract title from document title (usually "Post Title - Blog Name")
const docTitle = document.title;
if (docTitle.includes('-')) {
postTitle = docTitle.split('-')[0].trim();
} else if (docTitle.includes('|')) {
postTitle = docTitle.split('|')[0].trim();
} else {
postTitle = docTitle;
}
console.log('Used document title as post title:', postTitle);
}
// Create a temporary div to hold our content for capture
const captureContainer = document.createElement('div');
captureContainer.id = 'pdf-capture-container';
captureContainer.style.position = 'absolute';
captureContainer.style.left = '-9999px';
captureContainer.style.width = '800px'; // Fixed width for better control
// Apply styling for Tamil text rendering
captureContainer.style.fontFamily = '"Mukta Malar", "Noto Sans Tamil", "Latha", Arial, sans-serif';
captureContainer.style.fontSize = '16px';
captureContainer.style.lineHeight = '1.8';
captureContainer.style.color = '#000';
captureContainer.style.backgroundColor = '#fff';
captureContainer.style.padding = '40px'; // Increased from 20px to 40px for more space around content
captureContainer.style.paddingBottom = '60px'; // Extra padding at bottom to prevent text cut-off
document.body.appendChild(captureContainer);
// Remove elements we don't want in the PDF
contentToCapture.querySelectorAll('script, style, iframe, .print-pdf-button').forEach(el => el.remove());
// Create a heading element for the PDF
if (postTitle) {
const titleDiv = document.createElement('div');
titleDiv.className = 'pdf-title';
titleDiv.innerHTML = `${postTitle}
`;
// Add date if available
const dateSelectors = ['.date-header', '.post-timestamp', '.post-date', '.date', '.published', '.post-meta time'];
let postDate = "";
for (let selector of dateSelectors) {
const dateElement = document.querySelector(selector);
if (dateElement) {
postDate = dateElement.textContent.trim();
break;
}
}
if (postDate) {
titleDiv.innerHTML += `${postDate}
`;
}
// Add the title before the content
captureContainer.appendChild(titleDiv);
}
// Add our cleaned content to the capture container
captureContainer.appendChild(contentToCapture);
// Also apply Tamil font to all child elements
captureContainer.querySelectorAll('*').forEach(el => {
if (el.nodeType === 1) { // Element node
el.style.fontFamily = '"Mukta Malar", "Noto Sans Tamil", "Latha", Arial, sans-serif';
}
});
// Verify jsPDF is available
if (!window.jspdf || !window.jspdf.jsPDF) {
console.error('jsPDF not loaded.');
hideLoading();
alert('Error: jsPDF library failed to load.');
return;
}
// Initialize jsPDF with increased margins
const { jsPDF } = window.jspdf;
const doc = new jsPDF({
format: 'a4',
unit: 'mm',
compress: true
});
// Define Page Margins and dimensions - INCREASED MARGINS
const pageMargin = 25; // Increased from 15 to 25mm
const pageWidth = doc.internal.pageSize.getWidth();
const pageHeight = doc.internal.pageSize.getHeight();
const contentWidth = pageWidth - 2 * pageMargin;
const topMargin = pageMargin;
const bottomMargin = 30; // Increased from 25 to 30mm
const effectivePageHeight = pageHeight - topMargin - bottomMargin;
console.log(`PDF page dimensions: ${pageWidth}x${pageHeight} mm`);
console.log(`Content area: ${contentWidth}x${effectivePageHeight} mm`);
console.log(`Margins: top=${topMargin}mm, bottom=${bottomMargin}mm, left/right=${pageMargin}mm`);
// Function to add watermark to all pages
const addWatermark = () => {
const pageCount = doc.internal.getNumberOfPages();
for (let i = 1; i <= pageCount; i++) {
doc.setPage(i);
doc.setFontSize(80);
doc.setTextColor(220, 220, 220); // Lighter gray for less obstruction
doc.setFont('Helvetica', 'normal');
const watermarkX = pageWidth / 4;
const watermarkY = pageHeight / 1.8;
doc.text('www.tnpscportal.in', watermarkX, watermarkY, { angle: 45 });
}
};
// Function to add page headers (title) and footers (page numbers, blog name)
const addHeadersAndFooters = () => {
const pageCount = doc.internal.getNumberOfPages();
const blogName = document.querySelector('.Header h1')?.textContent ||
document.querySelector('#header h1')?.textContent ||
document.querySelector('.blog-title')?.textContent ||
window.location.hostname;
for (let i = 1; i <= pageCount; i++) {
doc.setPage(i);
// Add title as header on each page (except first page which already has the main title)
if (postTitle && i > 1) {
doc.setFontSize(10);
doc.setTextColor(80, 80, 80);
doc.setFont('Helvetica', 'bold');
// Center the title
const titleWidth = doc.getStringUnitWidth(postTitle) * 10 / doc.internal.scaleFactor;
const titleX = (pageWidth - titleWidth) / 2;
doc.text(postTitle, titleX, 10); // Position at top of page
// Add a horizontal line under the header
doc.setDrawColor(200, 200, 200);
doc.setLineWidth(0.5);
doc.line(pageMargin, 12, pageWidth - pageMargin, 12);
}
// Add page number to bottom right
doc.setFontSize(10);
doc.setTextColor(100, 100, 100);
doc.setFont('Helvetica', 'normal');
doc.text(`Page ${i} of ${pageCount}`, pageWidth - 35, pageHeight - 15);
// Add blog name to bottom left
if (blogName) {
doc.setFontSize(8);
doc.text(blogName, pageMargin, pageHeight - 15);
}
}
};
// Function to capture content in chunks if it's very large
const captureContentInChunks = async (element, chunkHeight = 1000) => {
const canvases = [];
const elementHeight = element.offsetHeight;
const chunks = Math.ceil(elementHeight / chunkHeight);
console.log(`Content height: ${elementHeight}px, will capture in ${chunks} chunks`);
// Add extra space at the bottom of the content to ensure proper margins
element.style.paddingBottom = '50px'; // Increased padding
for (let i = 0; i < chunks; i++) {
// Update loading message
const loadingIndicator = document.getElementById('pdf-loading-indicator');
if (loadingIndicator) {
loadingIndicator.innerHTML = `ஆவணத்தை உருவாக்குகிறது...
Generating PDF...
${Math.round((i+1)/chunks*100)}%`;
}
try {
const canvas = await html2canvas(element, {
y: i * chunkHeight,
height: Math.min(chunkHeight, elementHeight - i * chunkHeight),
windowWidth: 800,
scale: 1.5,
useCORS: true,
allowTaint: true,
logging: false,
letterRendering: true
});
canvases.push({
canvas: canvas,
y: i * chunkHeight
});
console.log(`Captured chunk ${i+1}/${chunks}`);
} catch (err) {
console.error(`Error capturing chunk ${i+1}:`, err);
throw new Error(`Failed to capture content chunk ${i+1}: ${err.message}`);
}
}
return canvases;
};
// Use simpler method for small content, chunking for large content
captureContainer.style.visibility = 'visible'; // Make sure it's visible for html2canvas
// Simple approach: try with a single capture first
html2canvas(captureContainer, {
scale: 1.5,
useCORS: true,
allowTaint: true,
logging: true,
letterRendering: true
}).then(canvas => {
// Convert canvas to image data
const imgData = canvas.toDataURL('image/jpeg', 0.95); // Increased quality
// Calculate dimensions to fit within PDF - respecting margins
const imgWidth = contentWidth;
const ratio = canvas.height / canvas.width;
const imgHeight = imgWidth * ratio;
console.log(`Canvas dimensions: ${canvas.width}x${canvas.height}px`);
console.log(`Image dimensions in PDF: ${imgWidth}x${imgHeight}mm`);
// Add a single image to PDF with proper pagination
let heightLeft = imgHeight;
let position = topMargin;
let pageOffsetY = 0;
// Add first page - with proper margin
doc.addImage(imgData, 'JPEG', pageMargin, position, imgWidth, imgHeight);
heightLeft -= effectivePageHeight;
// Add additional pages if needed - with consistent margins
while (heightLeft > 0) {
doc.addPage();
pageOffsetY += effectivePageHeight;
doc.addImage(imgData, 'JPEG', pageMargin, position - pageOffsetY, imgWidth, imgHeight);
heightLeft -= effectivePageHeight;
}
// Add watermark and headers/footers
addWatermark();
addHeadersAndFooters();
// Add border on each page for better visual margin definition
const pageCount = doc.internal.getNumberOfPages();
for (let i = 1; i <= pageCount; i++) {
doc.setPage(i);
doc.setDrawColor(200, 200, 200);
doc.setLineWidth(0.5);
// Draw rectangle with margin offset
doc.rect(
pageMargin - 3, // 3mm inside the margin
topMargin - 3, // 3mm inside the margin
contentWidth + 6, // Add 6mm (3mm on each side)
effectivePageHeight + 6 // Add 6mm (3mm on each side)
);
}
// Clean up and save
hideLoading();
captureContainer.remove();
// Use post title in the filename if available
let filename = 'post_content.pdf';
if (postTitle) {
// Sanitize the title for use in a filename
const sanitizedTitle = postTitle.replace(/[^a-z0-9\s]/gi, '_').replace(/\s+/g, '_').substring(0, 50);
filename = sanitizedTitle + '.pdf';
}
console.log('Saving PDF:', filename);
doc.save(filename);
}).catch(err => {
console.error('Error in simple capture method, trying chunking approach:', err);
// If simple method fails, try chunking approach
captureContentInChunks(captureContainer).then(chunks => {
console.log(`Successfully captured ${chunks.length} chunks`);
// Add each chunk to the PDF
chunks.forEach((chunk, index) => {
const canvas = chunk.canvas;
// Convert to image data
const imgData = canvas.toDataURL('image/jpeg', 0.95); // Increased quality
// Calculate dimensions
const imgWidth = contentWidth;
const ratio = canvas.height / canvas.width;
const imgHeight = imgWidth * ratio;
// Add the title before the content
if (index > 0) {
doc.addPage();
}
// Add image to page with proper margins
doc.addImage(imgData, 'JPEG', pageMargin, topMargin, imgWidth, imgHeight);
});
// Add watermark and headers/footers
addWatermark();
addHeadersAndFooters();
// Add border on each page for better visual margin definition
const pageCount = doc.internal.getNumberOfPages();
for (let i = 1; i <= pageCount; i++) {
doc.setPage(i);
doc.setDrawColor(200, 200, 200);
doc.setLineWidth(0.5);
// Draw rectangle with margin offset
doc.rect(
pageMargin - 3, // 3mm inside the margin
topMargin - 3, // 3mm inside the margin
contentWidth + 6, // Add 6mm (3mm on each side)
effectivePageHeight + 6 // Add 6mm (3mm on each side)
);
}
// Clean up and save
hideLoading();
captureContainer.remove();
// Use post title in the filename if available
let filename = 'post_content.pdf';
if (postTitle) {
// Sanitize the title for use in a filename
const sanitizedTitle = postTitle.replace(/[^a-z0-9\s]/gi, '_').replace(/\s+/g, '_').substring(0, 50);
filename = sanitizedTitle + '.pdf';
}
console.log('Saving PDF (chunked method):', filename);
doc.save(filename);
}).catch(chunkErr => {
console.error('Error in chunking method:', chunkErr);
hideLoading();
captureContainer.remove();
alert('Failed to generate PDF: ' + chunkErr.message);
});
});
} catch (error) {
console.error('PDF generation failed:', error);
hideLoading();
alert('Error generating PDF: ' + error.message);
}
}
// Add button only on single post pages
function addPrintButton() {
try {
// Check if single post page (you can adjust this logic as needed)
const isSinglePost = document.querySelector('.post') &&
!window.location.href.includes('/search') &&
!window.location.href.includes('?updated-max') &&
(window.location.pathname.match(/\/\d{4}\/\d{2}\/.*\.html$/) ||
document.querySelector('.post-body') !== null);
if (!isSinglePost) {
console.log('Not a single post page. Skipping button.');
return;
}
// Find post content container to append button after
const selectors = ['.post-body', '.entry-content', '.post-content', 'div.post', '.post-body-inner', '.post-entry'];
let postContainer = null;
for (let selector of selectors) {
postContainer = document.querySelector(selector);
if (postContainer) {
console.log('Found post container with selector:', selector);
break;
}
}
// Fallback
if (!postContainer) {
console.warn('Post container not found. Using document.body.');
postContainer = document.body;
}
// Avoid duplicates
if (document.querySelector('button.print-pdf-button')) {
console.log('Button already exists.');
return;
}
// Create button
const button = document.createElement('button');
button.className = 'print-pdf-button';
button.innerHTML = 'Print as PDF 📄'; // Added icon for better visibility
button.style.margin = '20px 0';
button.style.padding = '12px 24px';
button.style.backgroundColor = '#4CAF50';
button.style.color = 'white';
button.style.border = 'none';
button.style.cursor = 'pointer';
button.style.display = 'block';
button.style.fontWeight = 'bold';
button.style.borderRadius = '5px';
button.style.fontSize = '16px';
button.style.boxShadow = '0 2px 5px rgba(0,0,0,0.2)';
// Add hover effect
button.onmouseover = function() {
this.style.backgroundColor = '#45a049';
};
button.onmouseout = function() {
this.style.backgroundColor = '#4CAF50';
};
button.addEventListener('click', printPostToPDF);
// Append button
const postElement = document.querySelector(selectors.find(sel => document.querySelector(sel)));
if (postElement && postElement.parentNode) {
postElement.parentNode.insertBefore(button, postElement.nextSibling);
console.log('Button added after post.');
} else {
postContainer.appendChild(button);
console.log('Button added (fallback method).');
}
} catch (error) {
console.error('Error adding button:', error);
}
}
// Add a Tamil font preloader to ensure it's available
function preloadTamilFonts() {
// Create a stylesheet that preloads Tamil fonts
const style = document.createElement('style');
style.textContent = `
@import url('https://fonts.googleapis.com/css2?family=Mukta+Malar:wght@400;700&display=swap');
/* Force Tamil font on elements */
[lang="ta"],
.ta,
.tamil {
font-family: "Mukta Malar", "Noto Sans Tamil", "Latha", Arial, sans-serif !important;
}
`;
document.head.appendChild(style);
// Preload the font
const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://fonts.googleapis.com/css2?family=Mukta+Malar:wght@400;700&display=swap';
document.head.appendChild(link);
console.log('Tamil fonts preloaded');
}
// Run with retries
document.addEventListener('DOMContentLoaded', function() {
console.log('PDF generation script loaded...');
// Preload Tamil fonts first
preloadTamilFonts();
// Add the PDF button
addPrintButton();
let retryCount = 0;
const maxRetries = 5;
const retryInterval = setInterval(function() {
if (retryCount >= maxRetries) {
console.log('Max retries reached.');
clearInterval(retryInterval);
return;
}
if (!document.querySelector('button.print-pdf-button') && document.body.textContent.length > 1000) {
console.log('Retry ' + (retryCount + 1) + ': Attempting to add button...');
addPrintButton();
} else {
console.log('Button found or page too small, stopping retries.');
clearInterval(retryInterval);
}
retryCount++;
}, 1000);
});
//]]>
Hi sir,
பதிலளிநீக்குHi plz put this question in pdf also.it will be very usefull for us.and revesion purpose plz kindly do sir...
Very very thank u sir for creating this web doing great effort ...in daily 10 questions test add mental ability test also sir...thank u sir
sir when will come police exam tell me.........
பதிலளிநீக்குHi, Informative questions..very good..pls continue it..
பதிலளிநீக்கு