HTML 转 PDF
导出设置
想在指定位置换页，可给元素加上
style="page-break-before:always" 或 break-before:page，导出时会从该元素处另起一页。
HTML 代码
打印预览
把网页代码排进纸张里
这个工具会按所选纸张的可打印宽度来排版你的 HTML，预览区看到的就是最终每一页的样子。导出时先把页面渲染成高分辨率图像，再按纸张高度切页写入 PDF，CSS 渐变、圆角、阴影、表格边框这些浏览器能显示的效果都会原样保留。
代码、图片和生成的 PDF 都只在当前浏览器里处理，不会上传到服务器，适合导出报价单、简历、周报、电子票据这类带隐私信息的文档。
使用方式
- 在右上方粘贴 HTML 代码，或点击「导入 HTML」读取本地 .html 文件；没有现成代码可以先点「填入示例」看看效果。
- 在左侧选好纸张大小、方向和页边距，下方预览会立即按新的版心宽度重新排版。
- 需要强制换页的位置加上
page-break-before:always；开启「避开文字行」后，自动分页会尽量落在行与行之间的空白处。 - 点击「导出 PDF」，等待几秒即可下载。文字较小或要打印时建议选择「超清」。
常见问题
导出的 PDF 里文字能选中复制吗？
不能。为了让 PDF 和预览效果完全一致，工具会把页面渲染成图像后再写入 PDF，因此文字以图像形式存在。如果需要可搜索的文字，可在浏览器中打开 HTML 后使用「打印 → 另存为 PDF」。
为什么外链图片没有出现在 PDF 里？
浏览器的跨域安全限制会阻止读取其他网站不允许跨域访问的图片。可以把图片转成 Base64 内嵌到 HTML 中，或使用允许跨域访问（CORS）的图片地址。
内容很长时 PDF 变模糊了怎么办？
浏览器对单张画布的尺寸有上限，内容特别长时工具会自动降低倍率以避免导出失败。可以把文档拆成几段分别导出，或适当减小页边距、改用更宽的纸张。
HTML 里的 JavaScript 会执行吗？
不会。预览区运行在禁用脚本的沙箱中，只渲染 HTML 和 CSS，由脚本动态生成的内容不会出现在 PDF 里，请直接提供最终的静态 HTML。
