分类

← View All Tools

PDF页眉页脚片段

将HTML转换为PDF，并插入Logo/标题/日期等页眉页脚片段

渲染HTML为PDF，并插入可复用的页眉/页脚片段。

支持片段：

Logo（图片上传）
标题文本
日期（ISO/本地/自定义）
可选页脚页码

布局：

左/中/右分区布局
配合页边距预留页眉页脚空间

示例结果

1 个示例

示例：Header Footer Snippets

自动生成的PDF样例：Header and footer snippet layout

header-footer-snippets-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", "headerTitle": "Quarterly Report", "footerTitle": "Internal", "showDateInHeader": true, "showPageNumbers": true }

HTML内容 *

自定义CSS

页面尺寸

横向

打印背景

上边距（毫米）

下边距（毫米）

左边距（毫米）

右边距（毫米）

启用页眉

启用页脚

Logo图片

Click to upload file or drag and drop file here

Maximum file size: 5MB Supported formats: image/png, image/jpeg, image/svg+xml, image/webp

Logo宽度（像素）

页眉标题

页脚标题

页眉显示日期

页脚显示日期

日期格式

自定义日期文本

显示页码

等待条件

额外等待时间（毫秒）

关键信息

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

概览

本工具可将 HTML 内容渲染为专业的 PDF 文档，并支持在页眉和页脚区域插入可复用的片段，如公司 Logo、文档标题、日期及页码。通过灵活的布局配置，您可以轻松生成格式统一、品牌标识清晰的正式报告、合同或宣传材料。

适用场景

•需要将网页或 HTML 模板转换为带有公司 Logo 和标题的正式 PDF 文件时。
•生成报告、合同或手册，要求每页自动显示日期、页码或机密标识时。
•希望自定义 PDF 的页边距、页面方向（横向/纵向）和整体样式，以满足特定的打印或归档需求时。

工作原理

•在“HTML内容”区域输入或粘贴您的 HTML 代码，并可选择添加自定义 CSS 来控制正文样式。
•配置页面设置，如选择页面尺寸（A4、Letter等）、方向、页边距，并决定是否打印背景。
•启用并设置页眉和页脚，可分别上传 Logo 图片、输入标题文本、选择日期格式（ISO、本地或自定义）以及是否显示页码。
•点击生成，工具将渲染 HTML 并按照您的配置插入页眉页脚片段，最终输出一个完整的 PDF 文件。

使用场景

为季度财务报告自动生成带有公司 Logo、报告标题和生成日期的 PDF 版本。

将在线合同或协议模板转换为 PDF，并在页脚添加“机密”字样和连续页码。

制作产品宣传册的 PDF 草稿，通过自定义 CSS 和横向布局优化图文排版效果。

用户案例

1. 生成带基础页眉页脚的报告

背景原因: 市场部需要将一份 HTML 格式的季度活动总结快速转换为 PDF，用于内部存档和分发。
解决问题: 手动添加页眉页脚效率低下，且难以保证所有页面格式一致。
如何使用: 将 HTML 内容粘贴到输入框，在页眉设置中输入标题“Q3 市场活动总结”，并启用页脚的页码显示。
示例配置: { "htmlContent": "<h1>第三季度市场活动总结</h1><p>本季度共举办了三场线上研讨会...</p>", "headerTitle": "Q3 市场活动总结", "showDateInHeader": true, "showPageNumbers": true }
效果: 生成了一份每页顶部显示标题和日期、底部显示页码的整洁 PDF 报告。

2. 创建带品牌标识的正式文档

行政助理

背景原因: 公司需要对外发布一份正式的合作伙伴邀请函，要求包含公司 Logo 和统一的文档标题。
解决问题: 确保所有发出的 PDF 文档都带有正确的品牌标识，提升专业形象。
如何使用: 上传公司 Logo 图片，设置 Logo 宽度，在页眉标题处输入“合作伙伴邀请函”，并选择本地化的日期格式。
示例配置: { "htmlContent": "<div style='text-align:center;'><h2>诚邀成为我们的合作伙伴</h2><p>尊敬的 [公司名称]：</p>...</div>", "logoFile": "company_logo.png", "logoWidth": 100, "headerTitle": "合作伙伴邀请函", "footerTitle": "机密", "showDateInHeader": true, "dateFormat": "locale" }
效果: 生成了一份页眉左侧带有公司 Logo、中间显示文档标题和日期的正式 PDF 邀请函。

用 Samples 测试

xml, html, markdown

PDF示例

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

title token pdf

image, markdown

XML 示例

XML（可扩展标记语言）格式示例，从简单到复杂结构

preferred input family image

image

Markdown 链接提取示例

包含各种链接类型的 Markdown 示例文档，用于测试 Markdown 链接提取工具

preferred input family image,markdown

image, markdown

Web Python 图像处理示例

Web Python 图像处理示例，使用 PIL/Pillow 包括读取、保存、缩放和格式转换

preferred input family image

image

常见问题

支持哪些图片格式作为 Logo？

支持 PNG、JPEG、SVG 和 WebP 格式的图片文件。

日期格式有哪些选择？

提供三种格式：ISO（YYYY-MM-DD）、本地化格式（根据浏览器语言）以及完全自定义的文本。

可以调整页眉页脚与正文之间的间距吗？

可以。通过设置“上边距”和“下边距”（单位为毫米）来为页眉和页脚预留空间。

是否支持横向页面？

支持。在页面设置中勾选“横向”选项，即可生成横向布局的 PDF。

如何为 PDF 正文添加自定义样式？

在“自定义CSS”文本框中编写 CSS 代码，这些样式将应用于 HTML 内容主体部分。

API 文档

请求端点

POST /zh/api/tools/pdf-header-footer-snippets

请求参数

参数名	类型	必填	描述
htmlContent	textarea	是	-
cssContent	textarea	否	-
pageSize	select	否	-
landscape	checkbox	否	-
printBackground	checkbox	否	-
marginTop	number	否	-
marginBottom	number	否	-
marginLeft	number	否	-
marginRight	number	否	-
headerEnabled	checkbox	否	-
footerEnabled	checkbox	否	-
logoFile	file (需要先上传)	否	-
logoWidth	number	否	-
headerTitle	text	否	-
footerTitle	text	否	-
showDateInHeader	checkbox	否	-
showDateInFooter	checkbox	否	-
dateFormat	select	否	-
customDateText	text	否	-
showPageNumbers	checkbox	否	-
waitUntil	select	否	-
waitTime	number	否	-

文件类型参数需要先通过 POST /upload/pdf-header-footer-snippets 上传获取 filePath，然后将 filePath 传递给对应的文件字段。

响应格式

{
  "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-header-footer-snippets": {
      "name": "pdf-header-footer-snippets",
      "description": "将HTML转换为PDF，并插入Logo/标题/日期等页眉页脚片段",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=pdf-header-footer-snippets",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

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

支持 URL 文件链接或 Base64 编码作为文件参数。

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

分类