convert html to pdf using javascript
convert html to pdf using javascript
There are many scenario when we need to generate PDF using JavaScript. It is possible to generate html to pdf using jquery and jsPDF library. It allows you to select the DOM elements that you would wish to publish to PDF.
Below is the Sample Code for generating PDF. Add libraries- JQuery and jsPDF
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<table>
<tbody>
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>HCL</td>
<td>Maria Anders</td>
<td>USA</td>
</tr>
<tr>
<td>Conduent</td>
<td>Francisco Chang</td>
<td>UK</td>
</tr>
<tr>
<td>Wipro</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>NIIT Technologies LTD</td>
<td>Helen Bennett</td>
<td>INDIA</td>
</tr>
<tr>
<td>Laughing Bacchus
Winecellars</td>
<td>Yoshi Tannamuri</td>
<td>Canada</td>
</tr>
<tr>
<td>Magazzini Alimentari
Riuniti</td>
<td>Giovanni Rovelli</td>
<td>Italy</td>
</tr>
</tbody>
</table>
</form>
</body>
<script>
let doc = new jsPDF('p', 'pt', 'a4');
doc.addHTML(document.body, function () {
doc.save('html.pdf');
});
</script>
</html>
For more details about C# interview question you can use below site.
Tag | convert html page to pdf using jquery,convert webpage to pdf using javascript,export html page to pdf on user click using javascript,javascript convert html to pdf source code,convert html to pdf using jquery example,generate pdf using jquery,jspdf html to pdf,export div content to pdf using javascript
Want to Learn C#.net interview questions and answers visit below link.
convert html to pdf using javascript
Reviewed by Vikas Kumar Singh
on
April 05, 2018
Rating:
Reviewed by Vikas Kumar Singh
on
April 05, 2018
Rating:
itest this code but image is not exported in pdf.
ReplyDeleteCan you help me for export image in pdf.
Needed to compose you a very little word to thank you yet again regarding the nice suggestions you’ve contributed here.
ReplyDeletebig data training in chennai
Your article has very unique and reliable information on new topic so i am really impress with your post.
ReplyDeleteThirsty Crow Short Story
I am a regular reader of your blog, Amazing content with proper examples. Thank you admin
ReplyDeleteSelenium Course in Chennai
Hadoop Training in Chennai
iOS Training in Chennai
Digital Marketing Course in velachery
Digital Marketing Course in adyar
Wonderful post. Thanks for taking time to share this information with us.
ReplyDeletePython Training
Python Training Institute in Chennai
Best Python Training in Chennai
RPA Training in Chennai
Blue Prism Training in Chennai
Angularjs Training in Chennai
I liked your blog.Thanks for your interest in sharing your ideas.keep doing more.
ReplyDeleteIELTS Coaching in T Nagar | IELTS Training in T Nagar | IELTS Classes in Mylapore Chennai | IELTS Classes in Vadapalani | IELTS Class in Kodambakkam | IELTS Classes in Chennai Saidapet
I am really enjoying reading your well written articles.
ReplyDeleteIt looks like you spend a lot of effort and time on your blog.
I have bookmarked it and I am looking forward to reading new articles. Keep up the good work..
Best IELTS Coaching in Chennai
IELTS Coaching Center in Chennai
IELTS Coaching Center in Mumbai
Best IELTS Coaching Centers in Chennai
IELTS Classes in Chennai
Appreciate Your Work... Thanks for Sharing Useful Information on ---... I Just want to Share Some information related to Hadoop Training in Chennai hope it is useful for the Community Here.
ReplyDeleteHadoop Course in Chennai
best big data training in chennai
Big Data Hadoop Training
Hadoop training institutes in chennai
hadoop big data training in chennai
Thank you for sharing this useful information. Keep up the good work.
ReplyDeleteOracle Training institute in chennai| Oracle Training in Chennai | Oracle course in Chennai | Oracle Training | Oracle Certification in Chennai
Useful content. Thanks for Sharing. It shows your indepth knowledge on the subject. Pls keep updating.
ReplyDeleteTableau Course
Tableau Classes
Tableau Courses
Tableau Classroom Training
Tableau Advanced Training
Tableau Software Training
Amazing information,thank you for your ideas.after along time i have studied
ReplyDeletean interesting informations.we need updation in your blog.
Java Training Institutes in Bangalore
Java Courses in Chennai Anna Nagar
Java Training in Vadapalani
Java Training in Perungudi
Nice articles posted. It's useful for developing my skill. Keep sharing the articles!!!
ReplyDeleteData Science Training in Velachery
Data Science Training in Tambaram
Data Science Training in Chennai Velachery
Data Science Training in Tnagar
Data Science Training in Nungambakkam
Great post! This is very useful for me and gain more information, Thanks for sharing with us.
ReplyDeleteSpoken English Training in Velachery
Spoken English Courses in Velachery
Spoken Englishin in Tambaram
Spoken Englishin in Tambaram
Spoken English in Adyar
Spoken English in Adyar
Amazing Post. You style of writing is very unique.Pls keep on updating.
ReplyDeleteOverseas Education Consultants in Chennai
Study Abroad Consultants in Chennai
Best Overseas Education Consultants in Chennai
Abroad Education Consultants in Chennai
Overseas Education Consultants in Chennai
List of Overseas Education Consultants in Chennai
Best Consultancy in Chennai for Abroad Studies
Overseas Education Consultants
Study Abroad Consultants
I am feeling great to read this.you gave a nice info for us.
ReplyDeleteplease update more.
AWS Certification Training
AWS Training in Mogappair
AWS Training in Vadapalani
ReplyDeleteEthical Hacking Course
Ethical Hacking Certification
Hacking Course
Learn Ethical Hacking
Useful post.Thank you for sharing such an important data.Keep updating for this blog.
ReplyDeletePHP Classes in Bangalore
PHP Training Center in Bangalore
PHP Course in Adyar
PHP Course in Perambur
PHP Training in Chennai Velachery
PHP Training in Tnagar
PHP Course in Sholinganallur
PHP Training in Navalur
Excellent article!!! Good work, your concept is really helpful for me. Thanks for your contribution in sharing such a wonderful information.
ReplyDeleteWeb Designing Course in Aminjikarai
Web Designing Training in Vadapalani
Web Designing course in Chennai kknagar
Web Designing Training in Kelambakkam
Web Designing Training in Karappakkam
Web Designing Course in Padur
Nice article.... Really well post and concept is very helpful for me. Thank you much more...
ReplyDeleteMachine Learning Course in Chennai
Machine Learning Classes near me
Machine Learning Training in Tnagar
Machine Learning Training in Velachery
Machine Learning Training in Chennai Velachery
Machine Learning Course in Tnagar
Nice blog i really love this blog
ReplyDeleteDOT NET training in Marathahalli
dot net training institute in Marathahalli
dot net course in Marathahalli
best dot net training institute in Marathahalli
Nice Blog..... Keep on sharing like this blog
ReplyDeleteDOT NET training in bangalore
dot net training institute in bangalore
dot net course in bangalroe
best dot net training institute in bangalore
Such an excellent and interesting blog, do post like this more with more information, this was very useful, Thank you.
ReplyDeleteairport ground staff training courses in chennai
airport ground staff training in chennai
ground staff training in chennai
Thank you so much for your great content. This is very attractive post and easily understanding. I am waiting for your more post....
ReplyDeleteCCNA Training in Tnagar
CCNA Course in Vadapalani
CCNA Training in Nungambakkam
CCNA Training in Chennai Kodambakkam
CCNA Training in Chennai
CCNA Course in Chennai
Gathered some useful information from your content. Keep updating more blog.
ReplyDeleteBig Data Administrator Training in Chennai
Hadoop Training in Chennai
JAVA Training in Chennai
Android Training in Chennai
Big Data Training in Chennai
Very impressive to read
ReplyDeleteBest Tableau training in chennai
There are lots of information about latest technology and how to get trained in them, like Hadoop Training in Chennai have spread around the web, but this is a unique one according to me.
ReplyDeleteBig Data Hadoop Training In Chennai | Big Data Hadoop Training In anna nagar | Big Data Hadoop Training In omr | Big Data Hadoop Training In porur | Big Data Hadoop Training In tambaram | Big Data Hadoop Training In velachery
"Hey Nice Blog!! Thanks For Sharing!!!Wonderful blog & good post.Its really helpful for me, waiting for a more new post. Keep Blogging! .
ReplyDeleteDigital Marketing Training Course in Chennai | Digital Marketing Training Course in Anna Nagar | Digital Marketing Training Course in OMR | Digital Marketing Training Course in Porur | Digital Marketing Training Course in Tambaram | Digital Marketing Training Course in Velachery
"
Nice Blog, Keep post more Blogs Thanks for sharing.clearly explained the multi tools latest version in android.
ReplyDeleteJava training in chennai
python training in chennai
web designing and development training in chennai
selenium training in chennai
digital-marketing training in chennai