HTML 转 PDF 怎么转？网页或源码分页导出

想把手写的网页片段、报表模板或一份 HTML 文档固定成 PDF 发出去，又不想装重量级软件？NBTools 的HTML 转 PDF 工具在浏览器本地把 HTML 按 CSS 规则分页导出：文字以矢量方式保留、可选中可搜索，还能自动加页码和页眉。文件始终不上传服务器。

先说结论：工具提供两条导出路径——「打印 / 另存为 PDF」走 Paged.js 分页，文字矢量、可选中；「一键下载（图片版）」走 html2pdf.js，生成图片版 PDF、文字不可选中，适合快速分享。两种方式都在本地完成。

第一步：粘贴或编写 HTML

在输入框里粘贴网页 HTML，或自己写标签，例如 <h1>标题</h1><p>正文…</p>。点「载入示例」可填入一份带表格和图片的报销汇总样例，照着改最快；点「清空」重来。

第二步：设置页面参数

按用途选页面尺寸、方向与边距（见下表）：

第三步：预览分页并导出

点「预览 / 分页」，工具用 Paged.js 按 @page 规则把内容自动拆成多页，并在预览框里渲染出和打印一致的效果（含页眉、页码）。确认无误后：

• 打印 / 另存为 PDF：点开打印窗口，选「另存为 PDF」即可。文字是矢量、可选中、可搜索，分页自动完成。
• 一键下载（图片版）：快速生成图片版 PDF，文字不可选中但体积轻、适合直接分享。

想让某处强制另起一页，给那个元素加 class="page-break" 即可，例如把「结语」从新的一页开始。

两种导出方式怎么选

需要别人能复制文字、能检索内容、要二次编辑 → 用「打印 / 另存为 PDF」（矢量可选中）。只想把排版定下来快速发走、不在乎能否选中 → 用「一键下载（图片版）」。图片版用 html2pdf.js 渲染，质量 0.98、缩放 2 倍，清晰度足够日常分享。

常见问题

HTML 转 PDF 后文字能选中复制吗

用「打印 / 另存为 PDF」走 Paged.js 分页，文字以矢量方式保留、可选中可搜索；「一键下载（图片版）」生成的是图片版 PDF，文字不可选中，适合快速分享。

怎么控制分页

工具按 CSS @page 规则自动分页；想强制某处另起一页，给元素加 class="page-break" 即可。

能加页码和页眉吗

可以。填「页眉文字」会在每页顶部居中显示；勾选「显示页码」会在页脚显示「第 X / Y 页」。

支持哪些页面尺寸

尺寸支持 A4 / Letter，方向支持纵向 / 横向，边距有三档预设（标准 / 紧凑 / 宽松）。

转换需要联网吗？文件会上传吗

不需要联网，也不上传。HTML 渲染与 PDF 生成都在浏览器本地完成。

图片会正常显示吗

内嵌图片（含 data URI 这样的内联图片）会正常保留；引用了外部图片链接的，请确认导出时这些链接仍可访问，否则图片可能缺失。

中文会乱码吗

工具使用常见的中文字体栈（Microsoft YaHei / PingFang SC / 思源黑体等），本地打印输出中文正常，不会变成方块。

手机上能用吗

可以。网页版在手机浏览器打开即可粘贴、预览、导出，流程与电脑一致。