Javascript java脚本下载函数,用于html页面的特定部分

Javascript java脚本下载函数,用于html页面的特定部分,javascript,php,jquery,Javascript,Php,Jquery,我在我的html页面中使用了php mysql。我已经在我的页面中使用了许多div。我创建了一个打印按钮,它打印我的特定div,但现在我想使用下载按钮,它将我的特定div数据下载为PDF 怎么可能呢? <div id="content"> <h3>Hello, this is a H3 tag</h3> <p>a pararaph</p> </div> <div id="editor"></div

我在我的html页面中使用了php mysql。我已经在我的页面中使用了许多div。我创建了一个打印按钮,它打印我的特定div,但现在我想使用下载按钮,它将我的特定div数据下载为
PDF

怎么可能呢?


 <div id="content">
 <h3>Hello, this is a H3 tag</h3>

 <p>a pararaph</p>
 </div>
<div id="editor"></div>
<button id="cmd">generate PDF</button>
 <script>
var doc = new jsPDF();
var specialElementHandlers = {
'#editor': function (element, renderer) {
    return true;
}
 };

  $('#cmd').click(function () {
  doc.fromHTML($('#content').html(), 15, 15, {
    'width': 170,
        'elementHandlers': specialElementHandlers
});
doc.save('sample-file.pdf');
 });
</script>
你好,这是H3标签 标线

生成PDF var doc=new jsPDF(); 变量specialElementHandlers={ “#编辑器”:函数(元素、渲染器){ 返回true; } }; $('#cmd')。单击(函数(){ doc.fromHTML($('#content').html(),15,15{ “宽度”:170, “elementHandlers”:specialElementHandlers }); doc.save('sample-file.pdf'); });
下载……^

将是处理此类功能的最佳选择。它使用起来相对简单快捷。下面是一个JSFIDLE示例:

用法 我使用了
doc.fromHTML($('#saveThis').html(),10,10,{})
,我认为这应该得到一些解释。首先,doc是我们正在使用的jsPDF对象。参数如下所示:
pdf的HTML内容
pdf中的padding-x
pdf中的padding-y
,最后是设置

代码 HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>
<div id="downloadThis">
     Rich html <b>features</b> here.
</div>
<div id="editor"></div>
<button id="download">generate PDF</button>

在点击打印按钮时写下打印代码就这样了?有什么问题吗?你试过了吗?像打印页面,但我想将其保存为pdf。我试过了,但做不到。请帮助我嗨,欢迎使用堆栈溢出。以后考虑向你的问题添加一些演示代码。它将帮助人们更快地回答你的问题。这个问题与你的问题类似,有几个投票率很高的答案,其中包括如何在html文档中使用JavaScript创建PDF文件的建议。很好…谢谢兄弟们,你能不能顺便回答一下马克,这很有帮助。没问题,你什么意思?你没有发布css;这可能只是选择器之间的冲突。所以只需重命名ID。所有函数都可以。但是css不起作用。如何改进我的风格。请帮助什么css?哪里我认为你在课程名称或任何类似的东西上犯了错误。。。。
$('#download').click(function () {
        var doc = new jsPDF();
    doc.fromHTML($('#downloadThis').html(), 10, 10, {
        'elementHandlers': {}
    });
    doc.save('download.pdf');
});