générer un pdf dynamic avec la bibliothèque jsPDF en fonction des entrées de l’utilisateur (erreur de correction)

Donc, cette fonctionnalité fonctionne réellement. Avec le JS ci-dessous. Le problème survient au moment de la soumission. La page suivante ne doit pas refléter ces modifications, mais SEULEMENT refléter UNIQUEMENT dans le fichier PDF généré. Actuellement, le fichier PDF est généré correctement, mais la deuxième page ou la deuxième vue (ce qui est généré dans le PDF est affiché dans le texte actuel), cela ne devrait pas être le cas, cette page statique doit restr telle quelle et ne laisser que les modifications reflétées le PDF généré.

Voici en fait la question initiale – bien que la scope se soit transformée en cette question actuelle, suggère la nouvelle question, mais une URL à titre d’exemple, car elle peut aider. insérer du contenu HTML personnalisé dans la case à cocher des conteneurs d’éléments “cochés”

texts = { item1: 'Item Box 1 Content html right here!', item2: 'Now its Item Box 2 html content here !', item3: 'This is the example html of Item box 4!', item4: 'Item box number 5 html content is here!', } $("#container").css('background', '#fff') $('.download-pdf').click(function() { notChecked = $("input[type=checkbox]:not(:checked)").parent(); notChecked.hide(); yesChecked = $("input[type=checkbox]:checked").parent(); $.each(yesChecked, function( index, el ) { $(el).show().html(texts[$(el).attr('id')]); }); var pdf = new jsPDF('p', 'pt', 'a4'); pdf.addHTML(document.getElementById('records'), function() { // add here }); var file = 'test'; if (typeof doc !== 'undefined') { doc.save(file + '.pdf'); } else if (typeof pdf !== 'undefined') { setTimeout(function() { pdf.save(file + '.pdf'); // $("#item4").hide(); }, 2000); } else { alert('Error 0xE001BADF'); } }); 

Tentative:

  var pdf = new jsPDF('p', 'pt', 'a4'); // moved everything relevant to be called within jsPDF object here pdf.addHTML(document.getElementById('records'), function() { // add here texts = { item1: 'Item Box 1 Content html right here!', item2: 'Now its Item Box 2 html content here !', item3: 'This is the example html of Item box 4!', item4: 'Item box number 5 html content is here!', } notChecked = $("input[type=checkbox]:not(:checked)").parent(); notChecked.hide(); yesChecked = $("input[type=checkbox]:checked").parent(); $.each(yesChecked, function( index, el ) { $(el).show().html(texts[$(el).attr('id')]); }); });