PDF下载按钮答案

【问题标题】：PDF download buttonPDF下载按钮
【发布时间】：2021-12-19 11:38:17
【问题描述】：

我正在制作 CV 生成器，我需要帮助。我正在制作一个按钮，它将生成 CV 为 pdf 并使其可下载。有什么办法我可以在 HTML 和 CSS 中做到这一点，而不是 js 和 jquery？

<h3><a href="#" class="button dark ripple-effect button-sliding-icon" style="width: 154.609px;">Download PDF<i class="icon-feather-check"></i></a></h3>

【问题讨论】：

"有什么办法可以在 HTML 和 CSS 中实现，而不是在 js 和 jquery 中实现？"。 究竟是什么？生成并下载 PDF？
你可以使用 convertapi.com - convertapi.com/web-to-pdf#snippet=html
@FabianS。是的..
@Coja 您可以添加打印样式表，将按钮设置为javascript:window.print();，以便我打开打印视图。但我相信没有方法只能通过 HTML/CSS 生成 PDF，因为这些语言不提供任何您需要转换内容的编程逻辑。
@FabianS。谢谢你的帮助，我会尝试使用 js :) 我也会尝试 Stender 发送的内容！

标签： javascript html jquery css twitter-bootstrap

【解决方案1】：

不，没有 HTML/CSS 唯一的方法来实际生成 PDF。

但是，您可以使用打印样式表（媒体打印 - 请参阅 https://developer.mozilla.org/de/docs/Web/CSS/@media）并将链接 href 设置为 javascript:window.print(); 以使其打开打印对话框。

用户可以使用“打印到 pdf”功能（如果用户 PC 提供该功能）从打印视图生成 PDF，但我相信这是最接近实际生成纯 HTML/CSS 的 PDF 的方法。

【讨论】：