Création de PDF à partir de HTML à l'aide de JavaScript : au-delà du texte brut
Dans la quête de génération de PDF à partir de contenu HTML, de nombreux développeurs ont rencontré les limites des bibliothèques JavaScript populaires comme jsPDF, qui gèrent principalement du texte brut. Pour relever ce défi, il est essentiel de se plonger dans le monde des plugins jsPDF.
Autonomiser jsPDF avec des plugins
En incorporant des plugins spécifiques, vous pouvez赋予jsPDF la capacité pour analyser et convertir le HTML en PDF visuellement attrayants. Les plugins clés pour cette tâche sont :
Contrôler les ignore avec ElementHandlers
Dans les cas où certains éléments HTML doivent être omis du PDF, les gestionnaires d'éléments de jsPDF entrent en jeu. En attribuant un identifiant aux éléments, vous pouvez les désigner pour exclusion à l'aide d'une fonction de gestionnaire spéciale.
Considérez le HTML suivant où le paragraphe avec l'ID "ignorePDF" doit être exclu :
<body> <p>
Le Le code JavaScript ci-dessous illustre l'utilisation des gestionnaires d'éléments :
var doc = new jsPDF(); var elementHandler = { '#ignorePDF': function (element, renderer) { return true; } }; doc.fromHTML(document.body, 15, 15, { 'width': 180, 'elementHandlers': elementHandler });
Style et limitations de Considérez
jsPDF restitue certains attributs de style comme h1, h2 et h3. Cependant, il est important de noter que tous les styles CSS seront supprimés de votre contenu HTML.
De plus, jsPDF imprime uniquement le texte dans les nœuds de texte. Par conséquent, les valeurs des champs de saisie tels que les zones de texte ne seront pas imprimées.
Génération du PDF
Le code JavaScript suivant peut être utilisé pour ouvrir le PDF généré dans un pop-up :
doc.output("dataurlnewwindow");
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!