pdfjs转换html（pdf如何转换html）

今天给各位分享pdfjs转换html的知识，其中也会对pdf如何转换html进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、前端HTML页面转PDF（html2canvas+jspdf）
• 2、本地站点上的html文档直接打开本地站点上的word文档而不是下载，word也都在本地静态网站上，本地使用。
• 3、前端生成pdf，jspdf+html2Canvas的使用(vue)
• 4、如何使用js将html转换为PDF文件

前端HTML页面转PDF（html2canvas+jspdf）

utils - htmlToPdf.js

main.js

1、如果在多个页面使用，给函数定义一个参数，参数为要导出页面部分的id。

将 '#pdfDom' 替换为参数即可

2、将导出文件的名称也作为参数传入函数

此种方式也可用于vue，尝试后可行，需要调节部分参数，但毕竟不太合适。

jQuery不需要调节。

vue方式

jQuery方式

目前项目使用的是前端加后端方式，前端提供模板，echarts图表的话需要转为base64发送给后台。后台使用iText。目前存在的问题是后台不支持css3语法，只支持到css2，所以复杂的样式页面显示错乱，考虑个别页面使用纯前端实现。

网站导航

本地站点上的html文档直接打开本地站点上的word文档而不是下载，word也都在本地静态网站上，本地使用。

web页面无法支持预览office文档，但是却可以预览PDF、flash文档，所以大多数解决方案都是在服务端将office文档转换为pdf，然后再通过js的pdf预览插件（谷歌浏览器等已经原生支持嵌入PDF文档）进行查看。

Aspose 

后台转换可以使用Aspose将office文档转换为PDF格式，Aspose功能强大，支持编辑/转换word、excel、ppt、pdf等，且API操作简便快速。Aspose是收费的，你需要下载破解版本。

除了Aspose可以编辑文档，类似的还有NPOI 、POI等。

1、利用flexPaper预览swf文件，百度文库就是这种方式 

由于现在flash插件用得已经很少，此处不再赘述，详细请看这里

2、pdfjs 

pdfjs是firefox浏览器内置的pdf预览插件，由于是开源的，我们也可以使用它，ie版本只支持ie9/ie9+。 

它通过将pdf转换为html元素再添加一些css3的样式达到pdf的预览效果，文档样式与原文档几乎没有太大区别。

3、在页面中嵌入多媒体对象（PDF、flash、video等） 

缺点是不同的浏览器支持及呈现不一致，比如pdf目前只有webkit浏览器原生支持嵌入，而且移动端的webkit浏览器也是不支持的。 

PDF嵌入可以采用已封住好操作的插件PDFObject，也可以通过浏览器API自行编写。

另外，个人建议可以用md（markdown，拥有类似word文档的操作，可在线修改、预览，前后台数据调用非常方便）文件来保存在线预览的文档，不要用office类的文件格式保存，关于markdown的用法可参考其官网：网页链接

前端生成pdf，jspdf+html2Canvas的使用(vue)

2、安装html2Canvas: npm install --save html2canvas

这里使用 iframe 嵌套需要转成pdf的html文件；

如果pdf内容是动态的，可以将html丢给后端，让后端使用freemarker ftl模板语言或是啥其他的模板语言更改即可，然后将整个html作为字符串传给前端，前端再使用iframe 的 srcdoc属性将内容渲染出来。

不存在分页内容裂开的情况，但对样式呈现不太友好，有时会出现内容偏移情况，时好时坏的，经过不断的尝试，发生偏移的时候，可以将html2Canvas的width写死，但是值具体是多少，需要你自己猜

分页会出现问题：比如图片裂开，表格的某一行从中间断开了等等....我用的笨方法手动去调整iframe的宽、高+html2Canvas的width、height+contentWidth、contentHeight，一点点试出来合适的值（应该有更好的方法，但是技术有限）

1. 生成多页pdf，分页内容裂开的问题

如何使用js将html转换为PDF文件

你好，把html转成PDF：

1.下载HTML2FPDF开源软件，将其放在你的网站根目录文件夹下，比如 /srv/httpd/htdocs/test/；

2.新建1.php文件,1.php中的代码如下：

?php

require('html2fpdf.php');

$pdf=new HTML2FPDF();

$pdf-AddPage();

// yourfile.html 你要转化的HTML文件

$yourfile_html = "yourfile.html"

// yourfile.pdf 转化成功后的pdf文件名

$yourfile_pdf = "yourfile.pdf"

$fp = fopen($yourfile_html,"r");

$strContent = fread($fp, filesize($yourfile_html));

fclose($fp);

$pdf-WriteHTML($strContent);

$pdf-Output($yourfile_pdf );

echo "PDF 文件成功生成!";

3.将你要转化的yourfile.html文件也放在test目录下，随后在浏览器中访问1.php文件就可以把html文件转化成PDF文件了，

关于pdfjs转换html和pdf如何转换html的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。