jsPDF无法将HTML div的完整html内容转换为PDF

Question

我需要你的帮助。 我试图使Blogger中的每个帖子都成为可下载的pdf文件形式。 我使用以下代码和插件：

外挂程式：

jQuery v1.11.3
jspdf.js

HTML结构

<div id='printpdf'>
..................
Blog Post Content here
.....................
</div>
<div id="editor">
</div>
<button id="btn-pdf" type="button" name="btn-pdf">generate PDF</button>

HTML Live URL： http : //ecwebzone.blogspot.in/2015/09/this-is-test-post-of-pdf-creation.html

码：

<script>
  $(document).ready(function(){
     var specialElementHandlers = {
      &#39;#editor&#39;: function (element, renderer) {
        return true;
      }   
    };

    $(&#39;#btn-pdf&#39;).click(function () {

            var doc = new jsPDF('p', 'mm', [297, 210]);
            var source = $('#printpdf').html();
            var specialElementHandlers = {
                '#editor': function (element, renderer) {
                    return true;
                }
            };
            doc.fromHTML(source, 5, 5, {
                'width': 297,'elementHandlers': specialElementHandlers
            });
            doc.output("dataurlnewwindow");

    });


  });
</script>

单击该按钮后，它将转换该帖子的几行，就像您通过我的url进行检查一样：

Answer the following questions by selecting the most appropriate option.
1. A creative learner refers to one who is

请任何人帮助我。 我想将此选项添加到我的每个帖子中，即“ a4纸张大小的'pdf下载帖子'”。

我也尝试以下操作：

<script>
     function downPDF() {
         var doc = new jsPDF(&#39;p&#39;, &#39;in&#39;, &#39;letter&#39;);
         var source = $(&#39;#printpdf&#39;).first();
         var specialElementHandlers = {
             &#39;#editor&#39;: function(element, renderer) {
                 return true;
             }
         };

         doc.fromHTML(
             source, // HTML string or DOM elem ref.
             0.5,    // x coord
             0.5,    // y coord
             {
                 &#39;width&#39;: 7.5, // max width of content on PDF
                 &#39;elementHandlers&#39;: specialElementHandlers
             });

         doc.save('ECNote-files.pdf');
    }
    </script>

这里仅输出空白。 创建的pdf中没有文本。

Answer 1

在HTML源代码中，我看到带有跨度的第一行在结束标记之后不是<br>而是</ div>。 因此，＃printpdf-div在第一个跨度之后关闭。 在此位置用<br />替换</ div>，它应该可以工作。

码：

... 1. A creative learner refers to one who is</span> --></div><--
<span style="background-color: white; color: #141823; font-family: helvetica, arial, sans-serif; font-size: 14px; line-height: 19.32px;">(1) very talented in drawing and painting</span><br /> ....