Comment générer un PDF à partir d'un HTML Div en utilisant JavaScript ?

<p>

Générer un PDF à partir du contenu HTML d'un div à l'aide de JavaScript

<p>Pour générer un fichier PDF contenant le contenu d'un élément div HTML spécifique, nous pouvons utiliser la bibliothèque JavaScript jsPDF. Cependant, étant donné que la fonction texte de jsPDF n'accepte que les chaînes, nous devons incorporer des plugins supplémentaires pour activer le rendu HTML.

Étape 1 : inclure les plugins nécessaires

<p>Depuis le site Web jsPDF, téléchargez la dernière version de jsPDF. et incluez les scripts suivants dans votre projet :

• jspdf.js
• jspdf.plugin.from_html.js
• jspdf.plugin.s plit_text_to_size.js
• jspdf.plugin.standard_fonts_metrics.js

Étape 2 : Ignorer les éléments indésirables

<p>Si vous souhaitez exclure certains éléments du PDF, attribuez-leur des identifiants uniques dans votre code HTML. Ensuite, vous pouvez utiliser les gestionnaires d'éléments spéciaux de jsPDF pour ignorer ces éléments lors de la conversion.

<p>Par exemple, pour ignorer un élément avec l'ID « ignorePDF » :

<p>

Étape 3 : Convertir le HTML en PDF

<p>Créez un nouveau document jsPDF et définissez une fonction de gestionnaire d'éléments pour ignorer les éléments que vous marqué.

var doc = new jsPDF();

var elementHandler = {
  '#ignorePDF': function (element, renderer) {
    return true;
  }
};

var source = window.document.getElementsByTagName("body")[0];

doc.fromHTML(
  source,
  15,
  15,
  {
    width: 180,
    elementHandlers: elementHandler
  }
);

Étape 4 : Sortie PDF

<p>Pour afficher le PDF généré dans une nouvelle fenêtre, utilisez le code suivant :

doc.output("dataurlnewwindow");

<p>Ceci sera automatiquement téléchargé le fichier PDF nommé "foobar.pdf" avec le contenu de l'élément div que vous avez spécifié.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!