<p>
<p>
Générer des PDF à partir de Divs HTML à l'aide de JavaScript
<p>
Problème :
<p>Conversion de contenu HTML dans un élément div spécifique dans un PDF à l’aide de JavaScript. Le PDF généré devrait automatiquement être téléchargé avec un nom de fichier préféré.
<p>
Solution utilisant jsPDF avec des plugins :
-
<p>Inclure le jsPDF suivant plugins :
- jspdf.plugin.from_html.js
- jspdf.plugin.split_text_t o_size.js
- jspdf.plugin.standard_fonts_metrics.js
-
<p>Ignorer éléments HTML indésirables en leur attribuant un identifiant et en les excluant dans le gestionnaire d'éléments jsPDF :
<p>
Copier après la connexion
-
<p>Utilisez doc.fromHTML pour convertir le contenu HTML en PDF :
var doc = new jsPDF();
var source = window.document.getElementsByTagName("body")[0];
doc.fromHTML(source, 15, 15, { width: 180, elementHandlers: elementHandler });
Copier après la connexion
-
<p>Ouvrir automatiquement le PDF dans un nouveau fenêtre :
doc.output("dataurlnewwindow");
Copier après la connexion
<p>
Remarques supplémentaires :
- Les gestionnaires d'éléments personnalisés ne peuvent faire correspondre que des éléments avec des identifiants.
- jsPDF perd les styles CSS lors de la conversion, mais prend en charge le formatage des titres (h1, h2, etc.).
- Seul le texte contenu dans les nœuds de texte sera imprimé, pas les valeurs des zones de texte ou des champs de saisie similaires.
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!