← 技术文章

一份数据,三种输出:PDF、长图与移动网页

2026-11-05

同一份报告,常常要以不同形式送到不同场景:存档需要 A4 版式的 PDF,聊天里转发需要一张长图,手机上阅读需要能点能滑的网页。如果三种格式各写一套,改一处就得改三处,很快就会不一致。

用结构化数据做唯一来源

我们把报告内容整理成一份结构化数据:标题、结论、表格、每一节的文字都是字段。三种输出共用这一份数据,只是套用不同的模板。

三个模板,各管各的版式

PDF 模板按 A4 尺寸排版,由无头浏览器打印输出;长图复用 PDF 的渲染结果,逐页转成图片后纵向拼接,避免浏览器超长截图出空白;移动网页单独一套模板,表格可以横向滑动,顶部提供下载按钮。

收益

内容只维护一份,版式各自独立调整。新增一个字段,只要在需要的模板里加一处引用;修一个排版问题,也不会影响其他格式。