Tengo un botón 'Generar PDF' y quiero que guarde algunos elementos div como un archivo PDF. Por lo que leí, uso mejor JavaScript, pero no tengo experiencia con JS. Ya probé soluciones de terceros como html2pdf, pdfmyurl, jsPDF, etc., pero no logré que funcionara como yo quería.
Esta es la estructura del archivo HTML:
<!DOCTYPE html> <html> <head> <title>This is my title</title> </head> <body> <!-- HEADER --> <div class="header"> <img src="../logo/logo_17.png" width="320" height="100" /> </div> <!-- MENU --> <div class="topnav" id="myTopnav"> Menu... </div> <!-- KOLOMMEN --> <div class="row"> <!-- LINKSE KOLOM --> <div class="prodtitle">Title</div> <div class="prodbuttons"> <a class="h2button" href="#">BACK TO LIST</a> <button id="generatePDF" class="h2button">generate PDF</button> </div> <div class="prodinfotitle">Info/Description</div> <div class="prodinfo"> ...some text </div> <div class="prodmaterialstitle">Materials/Ingredients</div> <div class="prodmaterials"> ...some text </div> <div class="gallery"> ...image 1 (if available) </div> <div class="gallery"> ...image 2 (if available) </div> <!-- RECHTSE KOLOM --> <div class="side"> ... </div> </div> <!-- FOOTER --> <div class="footer"> ...footer </div> </body> </html> Ahora esto es lo que estoy buscando:
Cuando hace clic en el botón 'Generar PDF', se debe crear un archivo PDF con los siguientes div: 'header', seguido del 'prodtitle' y luego seguido de 'prodinfotitle', 'prodinfo', 'prodmaterialstitle', 'prodmaterials' y la(s) imagen(es), si están disponibles. Luego, el PDF debe guardarse como '[título del producto].pdf', de modo que cada archivo tenga el título correcto.
¿Puede alguien ayudarme con este fragmento de código y cómo configurarlo?
¡Muchas gracias!