Экспорт веб-страницы в файл 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

Теперь мой код работает отлично, но не в отформатированном виде. Просто экспортируйте, как обычно, в параграф. Как я могу экспортировать в форматированном виде, пожалуйста, предложите мне. – user3040433

На самом деле я использовал один класс Js. – user3040433

Экспорт веб-страницы в файл pdf

ответ

Смежные вопросы