把一份网页或 HTML 报表存成 PDF 发出去,最怕两件事:一是打印出来几十页却分不清第几页,二是没有标题头、归档时一眼看不出是什么。NBTools 的HTML 转 PDF 工具在浏览器本地把内容按 CSS 规则分页,能直接加页眉文字和自动页码,排版不乱。文件始终不上传。
先说结论:填「页眉文字」会在每页顶部居中显示一行(如「2026年9月报销汇总」),勾选「显示页码」会在每页底部显示「第 X / Y 页」。两者都基于 Paged.js 的分页,和你在预览框里看到的效果一致。
页眉和页码怎么开
在选项区里:
- 页眉文字:留空则不显示;填了内容,每页顶部居中显示这一行。
- 显示页码:勾选后每页底部居中显示「第 X / Y 页」,X 是当前页、Y 是总页数,工具自动算。
两者可以只开一个,也可以同时开。设置好后点「预览 / 分页」,预览框会渲染出带页眉、页码的多页效果,确认无误再打印或下载。
页面参数怎么选(排版不乱的前提)
| 参数 | 可选值 | 说明 |
|---|---|---|
| 页面尺寸 | A4 / Letter | A4 约 794px 宽,Letter 约 816px 宽 |
| 方向 | 纵向 / 横向 | 宽表格选横向 |
| 页边距 | 标准 20/18mm · 紧凑 12/12mm · 宽松 25/20mm | 上下/左右边距 |
| 页眉文字 | 可选 | 每页顶部居中 |
| 显示页码 | 开 / 关 | 页脚「第 X / Y 页」 |
想让某处另起一页
工具按 CSS @page 规则自动分页。若想强制某个标题或章节从新的一页开始,给那个元素加 class="page-break" 即可,例如把「结语」从新页开始,避免被上一页末尾挤着。
两种导出方式
- 打印 / 另存为 PDF:走 Paged.js 分页,文字矢量、可选中、自动带页眉页码,适合要二次编辑或检索的正式文档。
- 一键下载(图片版):快速生成图片版 PDF,文字不可选中但体积小,适合直接分享。页眉页码同样生效。
常见问题
页眉和页码会一起出现吗
会。页眉在每页顶部居中,页码在每页底部居中,两者独立开关,可同时启用。
总页数 Y 是自动算的吗
是。「第 X / Y 页」里的 Y 由工具按实际分页结果自动得出,不用手填。
横向宽表格分页会乱吗
不会。选「横向」后页面变宽,配合标准/宽松边距,宽表格按 CSS 规则正常分页,预览框里能看到和打印一致的效果。
文件会上传吗
不会。HTML 渲染与 PDF 生成都在浏览器本地完成,不上传服务器。
相关工具
- NBTools HTML 转 PDF:https://nbtools.cn/tools/html-to-pdf
- HTML 转 PDF 完整教程:网页/源码分页导出
- Word 转 PDF:DOCX 本地转 PDF
- 图片转 PDF:多图合成一个 PDF