导出与内容相关的PDF

时间:2017-04-11 17:56:23

标签: javascript jquery html

当我从一个div导出内容时,它只导出1页,而其他内容则无法看到。

我有2个div,一个是空的,一个是满的。应填写空白的并以PDF格式导出。当我将其导出为PDF时,我的PDF文件只有1页,并且丢失了大量内容。所以,我需要有足够数量的页面来满足该div中的整个内容

HTML

<div  id="content2"  class="innDiv">
<div  class="aaaL el"> <h2> Sarajevo </h2> </div>
<div  class="aaaL el"> <h2> Mostar </h2> </div>
<div  class="aaaL el"> <h2> Tuzla </h2> </div>
</div>

<div  id="content">
</div>

JS

<script type="text/javascript">
    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('lista.pdf');
    });
  </script>

    <script type="text/javascript">
    $("div.el").on("click", function() {
    var $this = $(this);
    if ($this.hasClass("aaaL")) {
        $this.removeClass("aaaL").addClass("aaaR").prependTo("#content2");
    } else {
        $this.removeClass("aaaR").addClass("aaaL").prependTo("#content");
    }
});
    </script>

0 个答案:

没有答案