0

jsPDF autotableで作成したpdfファイルの表の後にコンテンツを追加したい。

私のコード:

    $('#printBtn').on('click', function() {
    var pdf = new jsPDF('p', 'pt', 'a4');
    var res = pdf.autoTableHtmlToJson(document.getElementById("tablePrint"));

    var anfang = "Anfang";
    pdf.text(anfang, 14, 30);

    pdf.autoTable(res.columns, res.data, {
        theme : 'plain',
        styles: {
            fontSize: 12
        },
        showHeader: 'never',
        createdCell: function(cell, data) {
            var tdElement = cell.raw;
            if (tdElement.classList.contains('hrow')) {
                cell.styles.fontStyle = 'bold';
            }
        }
    });

    var ende = $('#ende_text').text();
    pdf.text(ende, 0, 12);

    pdf.save("test.pdf");
});

私の問題は、コードがフォーマットされていないことです。タグと他の
すべては、jsPDF によって無視されました。

どうすればそれを修正できますか、またはテキストに改行があり、オーバーフローしないようにするにはどうすればよいですか?

手伝ってくれてありがとう！

4

1 に答える 1

0 
             margins={
                     top=50,
                     left=30,
                     bottom=50,
                     width=520
                    }
              var pdf = new jsPDF("p", "pt","a4");

              var res = pdf.autoTableHtmlToJson(document.getElementById("table2"));

              pdf.autoTable(res.columns, res.data,{
              margin: { left: 30,bottom:100},
              startY: 30,  pageBreak: 'always',              
              styles: {overflow: 'linebreak', columnWidth: 'wrap', font: 'arial',  
              cellPadding: 8, overflowColumns: 'linebreak'}
                  });

              pdf.fromHTML($("#editor1").get(0), 30, pdf.autoTableEndPosY() + 20, {
              'width': margins.width
              },function(dispose)
                   {
              var iframe = document.createElement('iframe');
              iframe.setAttribute('style','position:absolute;right:0; top:0; bottom:0; height:100%; width:40%; padding:20px;');
              document.body.appendChild(iframe);
              iframe.src = pdf.output('datauristring');
              //pdf.save('name.pdf');
              },
              margins);

jspdf.min.js と jspdf.autotable.js の最新バージョンを使用しています

    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/2.3.5/jspdf.plugin.autotable.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.4.1/jspdf.min.js"></script>
于 2018-10-10T10:41:21.303 に答える