2017-10-02 3 views
0

Ich versuche, ein div beim Export in PDF über JsPDF zu ignorieren. Hier ist mein Code:jsPDF nicht ignorieren div

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'); 
    }); 
    }); 
}); 

Statt eine bestimmte ID ignorieren sie alles unter id exportiert = "print-this".

Antwort

1

Super-schmutzig, aber funktioniert der Trick:

$(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

danke sehr. –