javascript - 如何转换网页的一部分并即时创建样式和格式的 PDF?

标签 javascript html css wordpress pdf

我正在为一家公司构建一个 WordPress 网站,他们希望用户能够单击一个按钮,并将管理简历即时转换为 PDF。此 PDF 简介将是网页内容的衍生版本,其布局与网页不同。

如果网页简介发生更改,则 PDF 应在用户下次下载时反射(reflect)出来。他们不想维护和上传专用的 PDF,也不想将它们上传到媒体库。

基本上,当您单击联系信息下方的 PDF 图标时,他们想模仿此页面上的功能。 [ http://www.bht.com/ryan-berger

最佳答案

我用过FPDF在 Wordpress 站点中即时制作 .pdf 文件。使用 FPDF 的方法构建布局可能需要一些时间(FPDF 使用 XY 坐标系来表示 .pdf 页面并需要一些时间来适应)。

基本上你会:

  1. 将 FPDF 类文件复制到您的主题目录中,您可以从他们的 website 下载该目录
  2. 像这样在您的管理简历模板中包含 FPDF 类:require('/your-theme/path/to/fpdf.php');
  3. 创建一个新的 FPDF 对象并拉入您想要包含的所有管理简历配​​置文件内容,并设置您想要这些元素的布局
  4. 制作 <a></a>链接到新创建的 .pdf

关于javascript - 如何转换网页的一部分并即时创建样式和格式的 PDF?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32173351/

相关文章:

html - 单击文本时显示另一个元素或使 :focus display after loosing focus

css - 将内联 block 包装器 div 居中?

c# - 如何使用C#提交http表单

javascript - 如何防止我的 jQuery slider 使用 .stop() 获取 “overClicks” {或您建议使用的任何其他内容)

javascript - 使用 ES6 模块的 TypeScript 的最佳方法是什么?

javascript - Vuejs 中的表格过滤器

css - SVG 中的 CSS 类选择失败

javascript - 使用 DIV DOM 元素创建圆弧和饼图

javascript - react : Event-triggered Ajax call in componentDidUpdate or render creates infinite loop

javascript - 使用 javascript 替换数组中的空格。简单但有一个转折