分类

← View All Tools

PDF页码样式

将HTML转换为PDF，并支持罗马/阿拉伯/章节前缀页码

将HTML渲染为PDF，并以指定样式叠加页码。

页码样式：

阿拉伯或罗马数字
章节前缀（支持 {chapter} 模板）
可选总页数与自定义前后缀

位置：

页眉/页脚位置
边缘偏移与字号

示例结果

1 个示例

示例：Page Numbering Styles

自动生成的PDF样例：Roman/arabic numbering demonstration

page-numbering-styles-example1.pdf 查看文件

查看输入参数

{ "htmlContent": "\n<h1>Quarterly Report</h1>\n<p>This is a generated test document.</p>\n<div style=\"page-break-after: always;\"></div>\n<h2>Second Page</h2>\n<p>More sample content.</p>\n", "cssContent": "\nbody { font-family: Arial, sans-serif; }\nh1, h2 { color: #1f2937; }\np { font-size: 12pt; }\n", "numberingStyle": "arabic", "includeTotalPages": true, "numberPosition": "footer-right" }

HTML内容 *

自定义CSS

页面尺寸

横向

打印背景

上边距（毫米）

下边距（毫米）

左边距（毫米）

右边距（毫米）

页码样式

起始页码

显示总页数

章节前缀模板

章节编号

前缀文字

后缀文字

页码位置

边缘偏移（毫米）

页码字号（磅）

页码颜色

等待条件

额外等待时间（毫秒）

关键信息

分类: Document Tools
输入类型: textarea, select, checkbox, number, text, color
输出类型: file
样本覆盖: 4
支持 API: Yes

概览

PDF页码样式工具可将HTML内容快速转换为PDF文档，并支持添加阿拉伯数字、罗马数字或带章节前缀的页码。您可以自定义页码的位置、样式、字体和颜色，轻松生成专业、规范的带页码PDF文件。

适用场景

•需要将HTML格式的报告、论文或手册转换为PDF，并添加规范页码时。
•生成的PDF文档需要使用罗马数字（如I, II, III）作为前言或目录的页码时。
•编写书籍或长篇文档，希望页码能自动包含章节编号（如“第1章 - 1”）时。

工作原理

•在“HTML内容”框中输入或粘贴您的HTML代码，并可选择添加自定义CSS样式。
•在配置选项中，选择页面尺寸、页边距，并设置页码样式（阿拉伯/罗马/章节前缀）、位置、字体等参数。
•点击生成按钮，工具将渲染HTML并叠加您配置的页码样式，最终输出一个PDF文件供下载。

使用场景

为学术论文或毕业论文的HTML草稿添加符合格式要求的页码，生成最终提交的PDF版本。

将公司内部的HTML格式季度报告转换为PDF，并添加专业的页码和页眉页脚，便于打印和分发。

为电子书或技术手册的HTML源文件生成带章节编号的页码PDF，制作可印刷的样章。

用户案例

1. 生成带总页数的学术论文PDF

研究生

背景原因: 小李完成了毕业论文的HTML初稿，需要提交一个带有规范页码的PDF版本给导师审阅。
解决问题: 论文要求页码位于页脚居中，格式为“- 当前页 -”，且需要显示总页数。
如何使用: 将论文HTML粘贴到工具中，设置页码样式为“阿拉伯数字”，位置为“页脚居中”，前缀设为“- ”，后缀设为“ -”，并勾选“显示总页数”。
效果: 生成的PDF每一页页脚均显示为“- 3/15 -”这样的格式，符合论文提交要求。

2. 制作带章节编号的书籍样章

作者

背景原因: 王老师正在撰写一本教材，已完成第三章的HTML内容，需要生成一个带章节页码的PDF样章给出版社评估。
解决问题: 希望页码能体现章节信息，格式为“3-1, 3-2...”，其中“3”代表第三章。
如何使用: 输入第三章的HTML，选择“章节前缀”样式，设置章节编号为“3”，前缀模板为“{chapter}-”。调整页码字体和颜色以匹配书籍风格。
效果: PDF样章的页码自动显示为“3-1”、“3-2”等，清晰标明了所属章节，便于出版社审阅。

用 Samples 测试

html, pdf

PDF示例

2026-02-01 到 2026-02-10 工具生成的PDF示例

title token pdf

pdf

Markdown 幻灯片示例

用于测试 PDF 导出的 Remark/Marp 风格 Markdown 幻灯片

matched family pdf

pdf

Cypress E2E 测试框架

全面的Cypress端到端测试示例，包括测试设置、页面对象模型、API测试、视觉回归测试和现代Web应用的高级E2E模式

keywords page

sample

代码注释示例

用于测试注释移除的各种注释样式代码示例文件

keywords styles,html

sample

常见问题

支持哪些页码样式？

支持阿拉伯数字（1, 2, 3）、大写罗马数字（I, II, III）、小写罗马数字（i, ii, iii）以及带自定义章节前缀的样式。

如何添加章节前缀？

选择“章节前缀”样式后，在“章节前缀模板”中输入模板，例如“Chapter {chapter} - ”，其中{chapter}会被替换为您设置的章节编号。

能否在页码中显示总页数？

可以。勾选“显示总页数”选项，页码将显示为“当前页/总页数”的格式，例如“3/10”。

支持哪些页面尺寸？

支持A4、Letter、Legal和A5四种常见的页面尺寸，并可选择纵向或横向排版。

如何调整页码在页面上的位置？

通过“页码位置”选项选择页眉或页脚的左、中、右位置，并可通过“边缘偏移”微调其与页面边缘的距离。

API 文档

请求端点

POST /zh/api/tools/pdf-page-numbering-styles

请求参数

参数名	类型	必填	描述
htmlContent	textarea	是	-
cssContent	textarea	否	-
pageSize	select	否	-
landscape	checkbox	否	-
printBackground	checkbox	否	-
marginTop	number	否	-
marginBottom	number	否	-
marginLeft	number	否	-
marginRight	number	否	-
numberingStyle	select	否	-
startPageNumber	number	否	-
includeTotalPages	checkbox	否	-
chapterPrefixTemplate	text	否	-
chapterNumber	number	否	-
labelPrefix	text	否	-
labelSuffix	text	否	-
numberPosition	select	否	-
edgeOffsetMm	number	否	-
fontSize	number	否	-
fontColor	color	否	-
waitUntil	select	否	-
waitTime	number	否	-

响应格式

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}

文件: 文件

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中：

{
  "mcpServers": {
    "elysiatools-pdf-page-numbering-styles": {
      "name": "pdf-page-numbering-styles",
      "description": "将HTML转换为PDF，并支持罗马/阿拉伯/章节前缀页码",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pdf-page-numbering-styles",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

如果遇见问题，请联系我们：[email protected]

分类