html div中显示pdf,使用Javascript从div中的HTML生成pdf

汪汪一只猫

jsPDF能够使用插件。为了使它能够打印HTML，您必须包含某些插件，因此必须执行以下操作：去https://github.com/MrRio/jsPDF下载最新版本。在项目中包括以下脚本：jspdf.jsjspdf.plugin.from_html.jsjspdf.plugin.plit_text_to_size.jsjspdf.plugin.Standard_fonts_emeics.js如果要忽略某些元素，则必须使用ID标记它们，然后可以在jsPDF的特殊元素处理程序中忽略ID。因此，HTML应该如下所示：nbsp;html>

don't print this to pdf

print this to pdf

然后使用以下JavaScript代码在弹出窗口中打开创建的PDF：var doc = new jsPDF(); var elementHandler = {

'#ignorePDF': function (element, renderer) {

return true;

}};var source = window.document.getElementsByTagName("body")[0];doc.fromHTML(

source,

15,

{

'width': 180,'elementHandlers': elementHandler });doc.output("dataurlnewwindow");对我来说，这创造了一个良好和整洁的PDF，其中只有一行‘打印到pdf’。请注意，特殊元素处理程序只处理当前版本中的id，这在GitHub问题..它指出：因为匹配是针对节点树中的每个元素进行的，所以我的愿望是尽可能快地完成匹配。在这种情况下，这意味着“只有元素ID匹配”元素ID仍然以jQuery样式“#id”执行，但并不意味着支持所有jQuery选择器。因此，用类选择器(比如‘.myrePDF’)代替‘#myrePDF’对我来说是行不通的。相反，您必须为每个元素添加相同的处理程序，您希望忽略如下：var elementHandler = {

'#ignoreElement': function (element, renderer) {

return true;

'#anotherIdToBeIgnored': function (element, renderer) {

return true;

}};从实例它还指出，它是可以选择标签，如‘a’或‘li’。不过，对于大多数使用程序来说，这可能有点不受限制：我们支持特殊的元素处理程序。使用jQuery样式的ID选择器为ID或节点名称注册它们。(“#iAmID”、“div”、“span”等)此时不支持任何其他类型的选择器(类，化合物)。需要补充的一件非常重要的事情是，您丢失了所有的样式信息(CSS)。幸运的是，jsPDF能够很好地格式化H1、H2、h3等，这对我的目的来说已经足够了。它只会在文本节点中打印文本，这意味着它不会打印文本区域等的值。例子：

Print me!

html div中显示pdf,使用Javascript从div中的HTML生成pdf相关推荐

linux非图形化界面,在Linux图形界面中显示中文，非图形界面中，显示英文
在Linux图形界面中显示中文,非图形界面中,显示英文设置语言,应当改环境变量LANG 1. 在非Xwindow下显示英文.非Xwindow下不能显示中文汉字,如果设置成中文,则中文部分显示乱码,第 ...
html div导出pdf,使用Javascript从div中的HTML生成pdf
小编典典 jsPDF可以使用插件. 为了使其能够打印HTML,您必须包括某些插件,因此必须执行以下操作: 转到https://github.com/MrRio/jsPDF并下载最新版本. 在您的项目中 ...
jsp页面中div怎么显示html,jsp怎么把div隐藏
在web页面中,经常需要使用select控件来显示div的显示与隐藏,实现这个方法主要用到了setAttribute方法. 以下为示例代码: 通过选择项显示不同的结果 function showdiv ...
在html中显示word,如何在浏览器网页中显示word文件内容
把word文件读到byte[]中,再Response.OutputStream.Write(bytes)到客户端去 Page_Load事件中写: //FileStream fs = new ...
js向ul中写html语言,javascript操作ul中li的方法
本文实例讲述了javascript操作ul中li的方法.分享给大家供大家参考.具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra ...
html 表格中显示图片,layui如何在表格中显示图片
layui如何在表格中显示图片发布时间:2020-09-21 09:58:30 来源:亿速云阅读:137 作者:小新这篇文章主要介绍layui如何在表格中显示图片,文中介绍的非常详细,具有一定的 ...
【生成PDF】Java如何根据前台Echarts图表生成PDF，并下载
文章目录前言一.如何通过java代码生成PDF? 1.依赖二.如何在PDF中画前台的echarts图? 1.如何拿到前台echarts图的信息? 前台代码: 后台逻辑:生成PDF,并下载 PDF ...
Java生成pdf设置两行页脚_Itextpdf 5 html生成pdf 页眉页脚
效果图 QQ图片20190117140345.png 继承PdfPageEventHelper重写onEndPage方法 package com.xuqiang.itext.test; import ...
在div中显示html_HTML基础知识之DIV
一.HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素: 元素在浏览器显示时,通常会以新行来开始和结束: 如:<h1>,<p>,<ul>,<t ...

html div中显示pdf,使用Javascript从div中的HTML生成pdf

html div中显示pdf,使用Javascript从div中的HTML生成pdf相关推荐

最新文章

热门文章