📖 HTML转PDF使用教程
粘贴 HTML
把网页「查看源代码」的片段,或自己编写的 HTML 标签粘贴进输入框;也可点「载入示例」先看效果。
设置版面
选择页面尺寸(A4/Letter)、方向、页边距,按需填写页眉文字并决定是否显示页码。
预览分页
点「预览 / 分页」,下方会按 @page 规则真实分页,可检查页眉、页码与跨页效果。
导出 PDF
点「打印 / 另存为 PDF」在打印对话框选「另存为 PDF」得到矢量文件;或点「一键下载(图片版)」直接保存位图版。
🎯 为什么选择 NBTools 在线HTML转PDF?
矢量可选中
基于 CSS Paged Media 真实分页,导出的文字是矢量、可复制可搜索,不是截图。
自动页码页眉
内置页眉(running header)与「第 X / Y 页」页码,表格跨页自动重复表头。
版面可控
A4/Letter、纵向/横向、三种页边距与强制分页点都可调,适配报告/合同/简历。
本地处理
解析与导出全在浏览器本地完成,内容不上传服务器,隐私更安全。
❓ HTML转PDF常见问题
可以。本工具优先用 Paged.js 走浏览器打印(另存为PDF),导出的是矢量文字,可选中、可搜索、清晰度与文件体积都优于截图型方案。
截图方案(html2canvas+jsPDF)会把整页变成图片,文字不可选中、长文档易切坏。本工具用 CSS Paged Media 真实分页,文字保持矢量,页码与页眉/页脚也会自动生成。
可以。页眉文字、是否显示页码、页面尺寸(A4/Letter)与方向、页边距都能在页面上设置;在 HTML 里给元素加 class="page-break" 还能强制另起一页。
不会。所有解析、分页与导出都在你的浏览器本地完成,HTML 内容不会离开设备。
图片版通过 html2pdf.js 直接下载文件,无需弹窗,但整页是位图、文字不可选中;打印版是矢量、可选中、更清晰,需通过浏览器打印对话框另存为PDF。按需选择即可。