{"id":7658,"date":"2021-09-05T21:04:55","date_gmt":"2021-09-05T19:04:55","guid":{"rendered":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/?p=7658"},"modified":"2023-11-22T17:37:15","modified_gmt":"2023-11-22T16:37:15","slug":"crea-pdf-in-javascript-con-pdfmake","status":"publish","type":"post","link":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/","title":{"rendered":"Come creare un pdf in html e Javascript con PdfMake"},"content":{"rendered":"\n<p class=\"has-medium-font-size wp-block-paragraph\">Uno dei problemi da affrontare, durante lo sviluppo di applicazioni web, \u00e8 quello su <strong>come creare un pdf in html<\/strong>, o meglio, creare report per la stampa di modulistica di vario genere, accedendo a informazioni spesso memorizzate su archivi di database.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Fino a non molto tempo fa, progettare report di stampa in pdf, da applicazioni web \u00e8 stato possibile facendo ricorso a strumenti come, ad esempio, \u201c<a href=\"https:\/\/www.html.it\/articoli\/libreria-jasper-report\/\" target=\"_blank\" rel=\"noreferrer noopener\">Jasper Report<\/a>\u201d. Questo strumento, tra l\u2019altro gratuito e interamente scritto in &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/hibernate-in-java\/\">Java<\/a>\u00a0 \u00e8 tutt\u2019ora una vera e propria manna dal cielo per gli sviluppatori Java.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Alla stessa stregua di Jasper Report, uno sviluppatore PHP, pu\u00f2 contare su \u201c<a href=\"https:\/\/github.com\/PHPJasper\/phpjasper\" target=\"_blank\" rel=\"noreferrer noopener\">PHPJasper<\/a>\u201d, una delle migliori soluzioni per compilare e processare Jasper Report in ambiente PHP.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Questi strumenti, per quanto validi, riescono a <strong>creare pdf<\/strong> <strong>in html<\/strong>, partendo da una base dati e integrando le istruzioni di produzione del report in una qualunque classe Java o script PHP.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Sia Jasper Report che PHPJasper producono report in pdf da software &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/creare-pagine-web-professionali-la-comunicazione-client-server\/\">lato server<\/a>\u00a0. Invece a noi, potrebbe essere utile, creare pdf direttamente lato client. Cio\u00e8, creare pdf direttamente da &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/compressione-dati\/\">Javascript<\/a>\u00a0.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">L\u2019operazione \u00e8 possibile oltre che semplice, grazie ad una delle librerie pi\u00f9 utilizzate del momento, cio\u00e8 <strong><a href=\"http:\/\/pdfmake.org\/#\/\" target=\"_blank\" rel=\"noreferrer noopener\">PdfMake<\/a><\/strong>.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">In questa guida, ti spiegher\u00f2 come integrare PdfMake in una pagina HTML e creare PDF nel giro di pochissimi minuti.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"293\" src=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/pdfmake-homepage-800x293.jpg\" alt=\"crea pdf\" class=\"wp-image-7665\" srcset=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/pdfmake-homepage-800x293.jpg 800w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/pdfmake-homepage-300x110.jpg 300w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/pdfmake-homepage-768x282.jpg 768w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/pdfmake-homepage-1536x563.jpg 1536w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/pdfmake-homepage.jpg 1824w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">In questo articolo:<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/#1_Integrare_PdfMake_in_una_pagina_HTML\" >1. Integrare PdfMake in una pagina HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/#2_Come_processare_il_tuo_PDF_con_PdfMake\" >2. Come processare il tuo PDF con PdfMake<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/#3_Conclusioni\" >3. Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Integrare_PdfMake_in_una_pagina_HTML\"><\/span><strong>1. Integrare PdfMake in una pagina HTML<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Se stai leggendo questa guida, avrai gi\u00e0 creato, in passato, una tua pagina HTML, perci\u00f2 sai di cosa sto parlando, ad ogni modo visto l\u2019argomento, \u00e8 bene cominciare sin dall\u2019inizio. Tanto per iniziare ti do una bella notizia, per questo nostro progetto non ci serve un &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/realizzare-un-sito-web-con-python-e-flask\/\">server web<\/a>\u00a0. Questo perch\u00e9 PdfMake, \u00e8 una libreria scritta interamente in puro &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/un-comando-javascript-poco-conosciuto-ma-molto-efficace\/\">codice Javascript<\/a>\u00a0, e di conseguenza, eseguibile direttamente tramite un normalissimo browser web. L\u2019unica cosa di cui hai bisogno \u00e8 un buon editor di testi, io ti consiglio vivamente &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/creare-software-gratuito-con-vscode-e-remote-ssh\/\">Visual Studio Code<\/a>\u00a0, per questo e per i tuoi progetti futuri.<\/p>\n\n\n\n<hr>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">LEGGI ANCHE: <a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/il-miglior-modo-di-fare-pratica-come-sviluppatore-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">Il miglior modo di fare pratica come sviluppatore web.<\/a><\/p>\n\n\n\n<hr>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Procediamo con il nostro progetto e implementiamo tutto quello che \u00e8 necessario per processare i nostri report con PdfMake. Quindi, crea una nuova cartella sul desktop e chiamala <strong>pdfmake<\/strong>, in questa cartella crea un file con estensione <strong>html<\/strong> e chiamalo <strong>index<\/strong>. Ora, copia e incolla, questo codice all\u2019interno del file index.html appena creato. <a href=\"https:\/\/phpcodewizard.it\/download\/pdfmake.zip\">Se hai fretta puoi scaricare direttamente il progetto cliccando qui<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"707\" height=\"450\" src=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/pagina-html-di-esempio-pdfmake-707x450.jpg\" alt=\"crea pdf con pdfmake e visual studio code\" class=\"wp-image-7666\" srcset=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/pagina-html-di-esempio-pdfmake-707x450.jpg 707w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/pagina-html-di-esempio-pdfmake-300x191.jpg 300w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/pagina-html-di-esempio-pdfmake-768x489.jpg 768w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/pagina-html-di-esempio-pdfmake.jpg 1421w\" sizes=\"auto, (max-width: 707px) 100vw, 707px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Attenzione alla <a href=\"https:\/\/www.simogrima.com\/html5\/doctype\/\" target=\"_blank\" rel=\"noreferrer noopener\">direttiva &lt;!DOCTYPE html&gt;<\/a>, questa prima riga non deve mai mancare all\u2019inizio di una pagina html il perch\u00e9 puoi leggerlo direttamente a <a href=\"https:\/\/www.simogrima.com\/html5\/doctype\/\" target=\"_blank\" rel=\"noreferrer noopener\">questo indirizzo<\/a>. Abbiamo visto, in precedenza che, PdfMake \u00e8 una &nbsp;<a href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/inviare-richieste-http-get-e-post-con-javascript-e-axios\/\">libreria Javascript<\/a>\u00a0, pertanto \u00e8 buona norma, quando devi prelevare librerie Javascript da integrare nella tua pagina html, raggiungere il portale <a href=\"https:\/\/cdnjs.com\/libraries\" target=\"_blank\" rel=\"noreferrer noopener\">cdnjs.com<\/a>, cercare ed eventualmente scaricare le librerie che ti occorrono, solo ed esclusivamente da <a href=\"https:\/\/cdnjs.com\/libraries\" target=\"_blank\" rel=\"noreferrer noopener\">questo portale<\/a>.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Pertanto, le librerie in questione sono: JQuery e PdfMake. Infatti tra i tag &lt;script&gt;&lt;\/script&gt; sono stati inclusi i link di accesso ad entrambe le librerie, prelevati da <strong>cdnjs.com<\/strong>, compresa anche<strong> vfs-fonts <\/strong>necessaria a pdfmake per funzionare correttamente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Come_processare_il_tuo_PDF_con_PdfMake\"><\/span><strong>2. Come processare il tuo PDF con PdfMake<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Come hai senz\u2019altro gi\u00e0 potuto notare dando un\u2019occhiata al codice, tutto il codice per creare pdf con pdfmake \u00e8 incluso nella funzione javascript <strong>CreaPDF(), <\/strong>agganciata all\u2019evento onclick del pulsante \u201c<strong>Crea PDF<\/strong>\u201d<strong>. <\/strong>Infatti, tutto quello che devi fare \u00e8 includere il tuo report all\u2019interno della variabile <strong>content<\/strong>, e processare il suo contenuto, creando il relativo pdf, con questa istruzione:<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>var output.CreatePdf = pdfMake.createPdf(dd).open();<\/strong><\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Ora, apri il file <strong>index.html<\/strong>, con il tuo browser predefinito, e clicca sul pulsante \u201c<strong>Crea PDF<\/strong>\u201d. In meno di un secondo PDfMake processer\u00e0 il contenuto della variabile <strong>content<\/strong>, contenuta all\u2019interno dell\u2019oggetto <strong>dd<\/strong>, e il tuo primo report in pdf prender\u00e0 vita.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"297\" src=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/primo-report-con-pdfmake-800x297.jpg\" alt=\"pdfmake in azione\" class=\"wp-image-7668\" srcset=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/primo-report-con-pdfmake-800x297.jpg 800w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/primo-report-con-pdfmake-300x111.jpg 300w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/primo-report-con-pdfmake-768x285.jpg 768w, https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/primo-report-con-pdfmake.jpg 1537w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Adesso non ti resta che, raggiungere l\u2019indirizzo di <a href=\"http:\/\/pdfmake.org\/playground.html\" target=\"_blank\" rel=\"noreferrer noopener\">PdfMake\/PlayGround<\/a>, dove sono contenuti vari tipi di report che puoi copiare e incollare sostituendo interamente il contenuto della funzione <strong>CreaPdf()<\/strong>, esclusa la riga di codice menzionata sopra, cio\u00e8 quella che processer\u00e0 l\u2019intero pdf.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Potrai, cos\u00ec, apprezzare le straordinarie funzionalit\u00e0 di PdfMake e il modo semplice e veloce per creare report in puro codice javascript.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Conclusioni\"><\/span><strong>3. Conclusioni<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">PdfMake, non \u00e8 l\u2019unica libreria javascript utilizzata per creare pdf lato client, ne esistono di altre, ma a mio avviso \u00e8 senz\u2019altro la migliore. Se hai avuto modo di provare gli esempi su <a href=\"http:\/\/pdfmake.org\/playground.html\" target=\"_blank\" rel=\"noreferrer noopener\">PdfMake\/PlayGround<\/a>, avrai capito che, con PdfMake potrai realizzare qualunque tipo di report a tuo piacimento.<\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\">Ad ogni modo, seguendo questo video, potrai vedere passo-passo la realizzazione di report in pdf in Javascript con PdfMake in pochissimi secondi.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube\" style=\"margin-top:var(--wp--preset--spacing--50);margin-right:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);margin-left:var(--wp--preset--spacing--50)\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Generate PDF Documents on Client Side with PDFMake in Javascript\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/0lZ5M-GMdn0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/youtu.be\/0lZ5M-GMdn0\" target=\"_blank\" rel=\"noreferrer noopener\">Come generare documenti PDF con Javascript<\/a><\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Uno dei problemi da affrontare, durante lo sviluppo di applicazioni web, \u00e8 quello di come  creare un report pdf. Con PdfMake ora si pu\u00f2.<\/p>\n","protected":false},"author":1,"featured_media":7672,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,12,11],"tags":[3860,2255,2231,1154,30,31,34,74,3265,39,3356,2374,1786,37,1156,1785,1081,70],"class_list":["post-7658","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-e-strumenti-operativi-per-lo-sviluppo-software","category-recenti","category-sviluppo","tag-browser-it","tag-estensione","tag-fare","tag-guida","tag-html","tag-java","tag-javascript","tag-jquery","tag-pdf","tag-php","tag-server","tag-server-web","tag-software","tag-sviluppo","tag-tutorial","tag-video","tag-visual-studio-code","tag-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Come creare un pdf in html e Javascript con PdfMake<\/title>\n<meta name=\"description\" content=\"Uno dei problemi da affrontare, durante lo sviluppo di applicazioni web, \u00e8 quello di come creare un report pdf. Con PdfMake ora si pu\u00f2.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crea pdf in Javascript con PdfMake.\" \/>\n<meta property=\"og:description\" content=\"Uno dei problemi da affrontare, durante lo sviluppo di applicazioni web, \u00e8 quello di poter creare pdf velocemente. Con PdfMake questo \u00e8 possibile.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/\" \/>\n<meta property=\"og:site_name\" content=\"Antonio Lamorgese\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-05T19:04:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-22T16:37:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/crea-pdf-in-javascript-con-pdfmake.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Antonio Lamorgese\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Crea pdf in Javascript con PdfMake.\" \/>\n<meta name=\"twitter:description\" content=\"Uno dei problemi da affrontare, durante lo sviluppo di applicazioni web, \u00e8 quello di poter creare pdf velocemente. Con PdfMake questo \u00e8 possibile.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/crea-pdf-in-javascript-con-pdfmake.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@AntonioLamorge3\" \/>\n<meta name=\"twitter:site\" content=\"@AntonioLamorge3\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Antonio Lamorgese\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/\"},\"author\":{\"name\":\"Antonio Lamorgese\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"headline\":\"Come creare un pdf in html e Javascript con PdfMake\",\"datePublished\":\"2021-09-05T19:04:55+00:00\",\"dateModified\":\"2023-11-22T16:37:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/\"},\"wordCount\":783,\"publisher\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"image\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/crea-pdf-in-javascript-con-pdfmake.jpg\",\"keywords\":[\"browser\",\"estensione\",\"fare\",\"guida\",\"html\",\"java\",\"javascript\",\"jquery\",\"PDF\",\"php\",\"server\",\"server web\",\"software\",\"sviluppo\",\"tutorial\",\"video\",\"Visual Studio Code\",\"web\"],\"articleSection\":[\"Articoli\",\"Recenti\",\"Sviluppo\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/\",\"name\":\"Come creare un pdf in html e Javascript con PdfMake\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/crea-pdf-in-javascript-con-pdfmake.jpg\",\"datePublished\":\"2021-09-05T19:04:55+00:00\",\"dateModified\":\"2023-11-22T16:37:15+00:00\",\"description\":\"Uno dei problemi da affrontare, durante lo sviluppo di applicazioni web, \u00e8 quello di come creare un report pdf. Con PdfMake ora si pu\u00f2.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/crea-pdf-in-javascript-con-pdfmake.jpg\",\"contentUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2021\\\/09\\\/crea-pdf-in-javascript-con-pdfmake.jpg\",\"width\":800,\"height\":450,\"caption\":\"crea pdf con pdfmake\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/crea-pdf-in-javascript-con-pdfmake\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"strumenti web e sviluppo software\",\"item\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/category\\\/web-e-strumenti-operativi-per-lo-sviluppo-software\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Come creare un pdf in html e Javascript con PdfMake\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#website\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/\",\"name\":\"Antonio Lamorgese\",\"description\":\"Il web e i suoi strumenti operativi\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/#\\\/schema\\\/person\\\/264cf3af38edc93a3362a4c47ec5b2f0\",\"name\":\"Antonio Lamorgese\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"contentUrl\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\",\"width\":120,\"height\":130,\"caption\":\"Antonio Lamorgese\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/ChiSono.png\"},\"description\":\"Amministratore di rete e sviluppatore. Dopo anni di esperienza nel settore, ho ideato un sistema di gestione dati MYSQL in PHP senza scrivere una sola riga di codice.&nbsp;Scopri di pi\u00f9....\",\"sameAs\":[\"https:\\\/\\\/www.Phpcodewizard.it\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/antonio-lamorgese-660735190\\\/\",\"https:\\\/\\\/pinterest.it\\\/antoniolamorgese9711\\\/\",\"https:\\\/\\\/x.com\\\/AntonioLamorge3\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/antoniolamorgese\",\"https:\\\/\\\/tumblr.com\\\/blog\\\/phpcodewizard\"],\"url\":\"https:\\\/\\\/www.phpcodewizard.it\\\/antoniolamorgese\\\/author\\\/antonio-lamorgese\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come creare un pdf in html e Javascript con PdfMake","description":"Uno dei problemi da affrontare, durante lo sviluppo di applicazioni web, \u00e8 quello di come creare un report pdf. Con PdfMake ora si pu\u00f2.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/","og_locale":"it_IT","og_type":"article","og_title":"Crea pdf in Javascript con PdfMake.","og_description":"Uno dei problemi da affrontare, durante lo sviluppo di applicazioni web, \u00e8 quello di poter creare pdf velocemente. Con PdfMake questo \u00e8 possibile.","og_url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/","og_site_name":"Antonio Lamorgese","article_published_time":"2021-09-05T19:04:55+00:00","article_modified_time":"2023-11-22T16:37:15+00:00","og_image":[{"width":800,"height":450,"url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/crea-pdf-in-javascript-con-pdfmake.jpg","type":"image\/jpeg"}],"author":"Antonio Lamorgese","twitter_card":"summary_large_image","twitter_title":"Crea pdf in Javascript con PdfMake.","twitter_description":"Uno dei problemi da affrontare, durante lo sviluppo di applicazioni web, \u00e8 quello di poter creare pdf velocemente. Con PdfMake questo \u00e8 possibile.","twitter_image":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/crea-pdf-in-javascript-con-pdfmake.jpg","twitter_creator":"@AntonioLamorge3","twitter_site":"@AntonioLamorge3","twitter_misc":{"Scritto da":"Antonio Lamorgese","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/#article","isPartOf":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/"},"author":{"name":"Antonio Lamorgese","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"headline":"Come creare un pdf in html e Javascript con PdfMake","datePublished":"2021-09-05T19:04:55+00:00","dateModified":"2023-11-22T16:37:15+00:00","mainEntityOfPage":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/"},"wordCount":783,"publisher":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"image":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/#primaryimage"},"thumbnailUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/crea-pdf-in-javascript-con-pdfmake.jpg","keywords":["browser","estensione","fare","guida","html","java","javascript","jquery","PDF","php","server","server web","software","sviluppo","tutorial","video","Visual Studio Code","web"],"articleSection":["Articoli","Recenti","Sviluppo"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/","name":"Come creare un pdf in html e Javascript con PdfMake","isPartOf":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/#primaryimage"},"image":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/#primaryimage"},"thumbnailUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/crea-pdf-in-javascript-con-pdfmake.jpg","datePublished":"2021-09-05T19:04:55+00:00","dateModified":"2023-11-22T16:37:15+00:00","description":"Uno dei problemi da affrontare, durante lo sviluppo di applicazioni web, \u00e8 quello di come creare un report pdf. Con PdfMake ora si pu\u00f2.","breadcrumb":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/#primaryimage","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/crea-pdf-in-javascript-con-pdfmake.jpg","contentUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2021\/09\/crea-pdf-in-javascript-con-pdfmake.jpg","width":800,"height":450,"caption":"crea pdf con pdfmake"},{"@type":"BreadcrumbList","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/crea-pdf-in-javascript-con-pdfmake\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/en\/"},{"@type":"ListItem","position":2,"name":"strumenti web e sviluppo software","item":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/category\/web-e-strumenti-operativi-per-lo-sviluppo-software\/"},{"@type":"ListItem","position":3,"name":"Come creare un pdf in html e Javascript con PdfMake"}]},{"@type":"WebSite","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#website","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/","name":"Antonio Lamorgese","description":"Il web e i suoi strumenti operativi","publisher":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":["Person","Organization"],"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/#\/schema\/person\/264cf3af38edc93a3362a4c47ec5b2f0","name":"Antonio Lamorgese","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","contentUrl":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png","width":120,"height":130,"caption":"Antonio Lamorgese"},"logo":{"@id":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-content\/uploads\/2019\/06\/ChiSono.png"},"description":"Amministratore di rete e sviluppatore. Dopo anni di esperienza nel settore, ho ideato un sistema di gestione dati MYSQL in PHP senza scrivere una sola riga di codice.&nbsp;Scopri di pi\u00f9....","sameAs":["https:\/\/www.Phpcodewizard.it\/","https:\/\/www.linkedin.com\/in\/antonio-lamorgese-660735190\/","https:\/\/pinterest.it\/antoniolamorgese9711\/","https:\/\/x.com\/AntonioLamorge3","https:\/\/www.youtube.com\/user\/antoniolamorgese","https:\/\/tumblr.com\/blog\/phpcodewizard"],"url":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/author\/antonio-lamorgese\/"}]}},"permalink_manager":null,"_links":{"self":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts\/7658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/comments?post=7658"}],"version-history":[{"count":2,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts\/7658\/revisions"}],"predecessor-version":[{"id":26239,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/posts\/7658\/revisions\/26239"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/media\/7672"}],"wp:attachment":[{"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/media?parent=7658"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/categories?post=7658"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.phpcodewizard.it\/antoniolamorgese\/wp-json\/wp\/v2\/tags?post=7658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}