2017-10-02 7 views
0

jsPDF経由でpdfに書き出している間にdivを無視しようとしています。ここ は私のコードです:divを無視しないjsPDF

HTML:

<div id="print-this"> 
<p>Text to print</p> 
    <div id="ignore"> 
    <p>Text To ignore</p> 
    </div> 
<p>More text to print</p> 
</div> 
<button id="cmd">Print</button> 

のjQuery:

$(function() { 

    $('#cmd').click(function() { 
    var doc = new jsPDF(); 
    var elementHandler = { 
    '#ignore': function (element, renderer) { 
    return true; 
    } 
}; 
    doc.addHTML($('#print-this')[0], 15, 15, { 
     'background': '#fff', 
    }, function() { 
     doc.save('sample.pdf'); 
    }); 
    }); 
}); 

の代わりに、それは、ID = "印刷この" 下のすべてのものをエクスポートしている特定のIDを無視します。

答えて

1

スーパー汚いけどトリックん:

$(function() { 
    $('#cmd').click(function() { 
    $('#ignore').hide(); //before the addHTML() 
    var doc = new jsPDF(); 
    doc.addHTML($('#print-this')[0], 15, 15, { 
     'background': '#fff', 
    }, function() { 
     doc.save('sample.pdf'); 
    }); 
    $('#ignore').show(); //and directly after its finished 
    }); 
}); 

JsFiddle

+1

はどうもありがとうございました。 –

関連する問題