| Issue 2036: | Export calendar to PDF | |
| 5 people starred this issue and may be notified of changes. | Back to list |
Hi, I don't know where is the place to post this tip so i use a new issue. For my website, I want to export my calendar to pdf. Ther is the way to obtain that :) Hope That Help You ! ---- 1 : download external files JSPDF : use to generate a PDF file (http://parall.ax/products/jspdf) html2canvas : use to generate a JPEG file of your #div calendar (http://html2canvas.hertzen.com/) ---- 2 : install only the files needed html2canvas.min.js jspdf.js jspdf.plugin.addimage.js --- 3 : now the code :) 3.1 : the pdf button We add a new button in the header $("td.fc-header-left").append('<span id="AE_btn_pdf" class="cal-button"><input type="hidden" id="zz_pdf" value="" />' + AEFC.translate("Pdf") + '</span>'); 3.2 : the code to have a ui like button $("#AE_btn_pdf").button({ icons: { primary: "ui-icon-image" }, text: false }); // $("#AE_btn_pdf").button( 3.3 : the code to have the pdf... Yes it's very simple but usefull code :) $("#AE_btn_pdf").click(function () { //#AEFC is my div for FullCalendar html2canvas($('#AEFC'), { logging: true, useCORS: true, onrendered: function (canvas) { var imgData = canvas.toDataURL("image/jpeg"); var doc = new jsPDF(); doc.addImage(imgData, 'JPEG', 15, 40, 180, 160); download(doc.output(), "AEFC.pdf", "text/pdf"); } }) ; }); // $("#AE_btn_pdf").click(function () -- 4 JS : download function function download(strData, strFileName, strMimeType) { var D = document, A = arguments, a = D.createElement("a"), d = A[0], n = A[1], t = A[2] || "text/plain"; //build download link: a.href = "data:" + strMimeType + "," + escape(strData); if (window.MSBlobBuilder) { var bb = new MSBlobBuilder(); bb.append(strData); return navigator.msSaveBlob(bb, strFileName); } /* end if(window.MSBlobBuilder) */ if ('download' in a) { a.setAttribute("download", n); a.innerHTML = "downloading..."; D.body.appendChild(a); setTimeout(function() { var e = D.createEvent("MouseEvents"); e.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); a.dispatchEvent(e); D.body.removeChild(a); }, 66); return true; } /* end if('download' in a) */ //do iframe dataURL download: var f = D.createElement("iframe"); D.body.appendChild(f); f.src = "data:" + (A[2] ? A[2] : "application/octet-stream") + (window.btoa ? ";base64" : "") + "," + (window.btoa ? window.btoa : escape)(strData); setTimeout(function() { D.body.removeChild(f); }, 333); return true; } /* end download() */
May 16, 2014
#2
fossothi...@gmail.com
May 21, 2014
Hi thanks you for your work, but do you have a solution to convert as a pdf a calendar but with a scrollbar, because when i use you method it converts only what is display on the browser screen and not what is hide
Jun 7, 2014
(No comment was entered for this change.)
Summary:
Export calendar to PDF
(was: Export your #calendar to a PDF file (external ressource))
Status: Accepted Labels: Type-Feature
Jun 22, 2014
Have you anything to export full-calendar data into ics format?
Aug 21, 2015
Discussion for this issue has moved to the following URL: https://github.com/fullcalendar/fullcalendar/issues/2301 This is because Google Code is shutting down. Apologies if you are being pestered with these notifications. This is a one-time event. Happy coding, Adam
Status:
ExportedToGithub
|
|
| ► Sign in to add a comment |