图片加载完成 (${loadedCount}/${totalImages})
所有图片加载完成
`;
// 等待一会儿再消失，让用户看到完成状态
await new Promise(resolve => setTimeout(resolve, 1000));
}
}
// 添加 A4 尺寸计算和内容分页函数
function calculateA4Pages(container) {
// A4 尺寸（以像素为单位，假设 96 DPI）
// A4 纸张尺寸为 210mm x 297mm
const A4_WIDTH_PX = 794; // 210mm = 794px
const A4_HEIGHT_PX = 1123; // 297mm = 1123px
const MARGIN = 40; // 页边距
const EFFECTIVE_HEIGHT = A4_HEIGHT_PX - (MARGIN * 2);
// 创建一个临时容器来计算布局
const tempDiv = document.createElement('div');
tempDiv.style.cssText = `
position: absolute;
top: -9999px;
left: -9999px;
width: ${A4_WIDTH_PX - (MARGIN * 2)}px;
visibility: hidden;
`;
document.body.appendChild(tempDiv);
// 克隆内容到临时容器
const contentClone = container.cloneNode(true);
tempDiv.appendChild(contentClone);
// 处理所有图片，使其等宽
const images = tempDiv.getElementsByTagName('img');
Array.from(images).forEach(img => {
img.style.width = '100%';
img.style.height = 'auto';
// 确保图片容器也是等宽的
if (img.parentElement.classList.contains('img-container')) {
img.parentElement.style.width = '100%';
}
});
// 存储分页后的内容
const pages = [];
let currentPage = document.createElement('div');
let currentHeight = 0;
// 遍历所有子元素
Array.from(contentClone.children).forEach(element => {
const elementHeight = element.offsetHeight;
const isImage = element.tagName.toLowerCase() === 'img' ||
element.querySelector('img') !== null;
// 如果当前元素是图片或包含图片，且会导致超出页面高度
if (isImage && currentHeight + elementHeight > EFFECTIVE_HEIGHT) {
// 将当前页添加到页面集合中
if (currentPage.children.length > 0) {
pages.push(currentPage);
}
// 创建新页面，并将图片放在新页面的开始
currentPage = document.createElement('div');
currentPage.appendChild(element.cloneNode(true));
currentHeight = elementHeight;
}
// 如果是普通元素，且会导致超出页面高度
else if (currentHeight + elementHeight > EFFECTIVE_HEIGHT) {
// 将当前页添加到页面集合中
pages.push(currentPage);
// 创建新页面
currentPage = document.createElement('div');
currentPage.appendChild(element.cloneNode(true));
currentHeight = elementHeight;
}
// 如果不会超出页面高度
else {
currentPage.appendChild(element.cloneNode(true));
currentHeight += elementHeight;
}
});
// 添加最后一页
if (currentPage.children.length > 0) {
pages.push(currentPage);
}
// 清理临时元素
document.body.removeChild(tempDiv);
return pages;
}
// 修改 printToPDF 函数
async function printToPDF() {
// 创建一个临时容器来存放打印内容
const tempContainer = document.createElement('div');
if (document.querySelector('.web2pdf-reader-mode')) {
// 如果在阅读模式下，复制阅读模式的内容
const readerContent = document.querySelector('.web2pdf-reader-mode').cloneNode(true);
// 清理所有UI元素
const elementsToRemove = [
'.web2pdf-floating-button',
'.web2pdf-menu',
'.reader-close-button',
'.editing-toolbar',
'.element-controls',
'.image-resizer',
'button'
];
elementsToRemove.forEach(selector => {
readerContent.querySelectorAll(selector).forEach(el => el.remove());
});
// 只保留主要内容
const mainContent = readerContent.querySelector('.web2pdf-content');
if (mainContent) {
// 移除所有编辑相关的属性和类
mainContent.querySelectorAll('*').forEach(el => {
el.removeAttribute('contenteditable');
el.classList.remove('editing');
if (el.style.position === 'relative') {
el.style.position = '';
}
});
// 处理图片包装器
mainContent.querySelectorAll('.image-wrapper').forEach(wrapper => {
const img = wrapper.querySelector('img');
if (img) {
const imgContainer = document.createElement('div');
imgContainer.className = 'img-container';
wrapper.parentNode.insertBefore(imgContainer, wrapper);
imgContainer.appendChild(img);
wrapper.remove();
}
});
tempContainer.appendChild(mainContent);
}
} else {
// 如果不在阅读模式下，使用提取的内容
tempContainer.innerHTML = extractMainContent();
// 为所有图片添加包装容器
tempContainer.querySelectorAll('img').forEach(img => {
const imgContainer = document.createElement('div');
imgContainer.className = 'img-container';
img.parentNode.insertBefore(imgContainer, img);
imgContainer.appendChild(img);
});
}
// 添加加载提示
const loadingTip = document.createElement('div');
loadingTip.style.cssText = `
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.8);
color: white;
padding: 20px;
border-radius: 10px;
z-index: 100000;
`;
loadingTip.textContent = '正在加载图片，请稍候...';
document.body.appendChild(loadingTip);
try {
// 预加载所有图片
await preloadImages(tempContainer);
// 计算分页
const pages = calculateA4Pages(tempContainer);
const printWindow = window.open('', '_blank');
printWindow.document.write(`