Wie kann ich mit JavaScript PDFs aus HTML-Divs generieren?

<p>

<p>Generieren Sie PDFs aus HTML-Divs mit JavaScript

<p>Problem:

<p>Konvertieren von HTML-Inhalten innerhalb eines spezifisches div-Element in ein PDF mithilfe von JavaScript einfügen. Das generierte PDF sollte automatisch mit einem bevorzugten Dateinamen heruntergeladen werden.

<p>Lösung mit jsPDF mit Plugins:

1. <p>Fügen Sie das folgende jsPDF ein Plugins:
   • jspdf.plugin.from_html.js
   • jspdf.plugin.split_text_t o_size.js
   • jspdf.plugin.standard_fonts_metrics.js
2. <p>Ignorieren unerwünschte HTML-Elemente, indem Sie ihnen eine ID zuweisen und sie im jsPDF-Elementhandler ausschließen:

   <p>

3. <p>Verwenden Sie doc.fromHTML, um den HTML-Inhalt in PDF zu konvertieren:

   var doc = new jsPDF();
   var source = window.document.getElementsByTagName("body")[0];
   doc.fromHTML(source, 15, 15, { width: 180, elementHandlers: elementHandler });

4. <p>Öffnen Sie das PDF automatisch in einem neuen Fenster:

   doc.output("dataurlnewwindow");

<p>Zusätzliche Hinweise:

• Benutzerdefinierte Elementhandler können nur Elemente mit IDs abgleichen.
• jsPDF verliert bei der Konvertierung CSS-Stile, unterstützt aber die Formatierung von Überschriften (h1, h2, usw.).
• Nur ​​Text innerhalb von Textknoten wird gedruckt, nicht die Werte von Textbereichen oder ähnlichen Eingabefeldern.

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript PDFs aus HTML-Divs generieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!