將網頁導出爲pdf文件

我試圖在用戶單擊按鈕時將網頁（並非整個頁面，但頁面的某些部分）導出爲pdf file。將網頁導出爲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>

來源

2014-01-16 user3040433

您是否收到錯誤消息？ – Seano666

現在我的代碼工作正常，但沒有格式化的方式。它只是正常導出，就像段落一樣。我可以以格式化方式導出，請告訴我。 – user3040433

檢查小提琴這裏：

Fiddle

是一些教程你這個代碼。

$(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。

來源

2014-01-16 06:35:24

感謝很多vinayak ....現在我的代碼工作 – user3040433

現在我的代碼是完美的工作，但沒有格式化的方式。它只是正常導出像段落.how我可以導出格式方式，請建議我。 – user3040433

其實我使用的是一些Js類。 – user3040433

將網頁導出爲pdf文件

回答

相關問題