Javascript 将网页导出为pdf文件_Javascript_Html_Pdf Generation_Jspdf

Javascript 将网页导出为pdf文件

javascript html

Javascript 将网页导出为pdf文件,javascript,html,pdf-generation,jspdf,Javascript,Html,Pdf Generation,Jspdf,当用户单击按钮时，我试图将网页（不是整个页面，而是部分页面）导出到pdf文件中但是下面的代码对我不起作用。谁能帮我一下哪里出了问题。我正在使用jsPDF将网页导出到pdf <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title

当用户单击按钮时，我试图将网页（不是整个页面，而是部分页面）导出到

pdf文件中
但是下面的代码对我不起作用。谁能帮我一下哪里出了问题。我正在使用jsPDF
将网页导出到pdf

 <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript" src="js/jspdf.js"></script>
        <script type="text/javascript" src="libs/Deflate/adler32cs.js"></script>
        <script type="text/javascript" src="libs/FileSaver.js/FileSaver.js"></script>
        <script type="text/javascript" src="libs/Blob.js/BlobBuilder.js"></script>
        <script type="text/javascript" src="jspdf.plugin.addimage.js"></script>
        <script type="text/javascript" src="jspdf.plugin.standard_fonts_metrics.js"></script>
        <script type="text/javascript" src="jspdf.plugin.split_text_to_size.js"></script>
        <script type="text/javascript" src="jspdf.plugin.from_html.js"></script>
        <script>
            $(function() {
                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>
    </head>
    <body>
        <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>
    </body>

 </html>


无标题文件
$（函数（）{
var doc=new jsPDF（）；
变量specialElementHandlers={
“#编辑器”：函数（元素、渲染器）{
返回true；
}
};
$（'#cmd'）。单击（函数（）{
doc.fromHTML（$（'#content'）.html（），15,15{
“宽度”：170，
“elementHandlers”：specialElementHandlers
});
doc.save（'sample-file.pdf'）；
});
});
你好，这是H3标签
标线
生成PDF
在此处检查小提琴：

这是一些教程中的代码
$(function () {
    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');
    });
});

我在Mozilla firefox上试用过，您的代码运行良好。您正在哪个浏览器上检查，因为我这边的Google chrome不工作。
您收到错误消息了吗？现在我的代码工作正常，但没有格式化。它只是像段落一样正常导出。如何以格式化方式导出请建议我。现在我的代码工作正常，但没有格式化。它只需要像段落一样正常导出。如何以格式化的方式导出请建议我。实际上我使用的是一个Js类。格式化的方式？您所说的是哪种格式居中、左对齐、右对齐。我试着把表格、段落、标题放进去。无论你写什么html，它都会被转换成PDF。通过格式化的方式，我想说的是，我需要以与我的网页上显示的相同的设计方式导出我的PDF。至于现在，它只是显示数据，而不是在我的网页上显示的方式。请参阅