v2.5.2
Giriş yap

Html to Pdf

webdevyusuf
842 defa görüntülendi

Lütfen çalışan ve ücretsiz bir html sayfasını pdf'ye aktaran kütüphane önerirmisiniz ama javascript ile olsun jqueryde olur farketmez.

zafer
1442 gün önce

Selamlar webdevyusuf,

Aslında bağlantıda bulunan github sayfasında gayet güzel örnekler mevcut, dokümantasyonuda bana gayet güzel göründü. Belki gözünden kaçmıştır diye eklemek istedim.

Kütüphane ilgimi çektiği için hemen basit bir örnekte ben yaptım. Kodları aşağıda belki seninde işine yarar. Takıldığın bir yer olursa bildiğim kadarıyla bende yardımcı olurum.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>PDF Test</title>
  	
  	<!-- pdfmake files: -->
  	<script src='https://cdn.jsdelivr.net/npm/pdfmake@latest/build/pdfmake.min.js'></script>
  	<script src='https://cdn.jsdelivr.net/npm/pdfmake@latest/build/vfs_fonts.min.js'></script>
  	
  	<!-- html-to-pdfmake file: -->
  	<script src="https://cdn.jsdelivr.net/npm/html-to-pdfmake/browser.js"></script>
</head>
<body>
	<div id="exampleHTML">
		<h3>HTML to PDF Test Metni</h3>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Et reiciendis quaerat asperiores distinctio, voluptatibus atque veritatis repudiandae? Excepturi fugiat libero asperiores porro mollitia deleniti adipisci numquam non, aliquam rem animi! Error itaque pariatur recusandae vitae totam aliquid qui nam quam laudantium perferendis at ad soluta odit, optio reiciendis cum, voluptatum animi temporibus quidem commodi. Laborum vel delectus repudiandae placeat tempore ab, voluptatem, quam quaerat nobis dolore voluptate quasi quae assumenda quas quod perspiciatis iusto, recusandae velit sunt ipsum tempora explicabo quo praesentium iste. Tempore, deleniti neque provident quia, incidunt fugit odit nemo distinctio voluptatem corporis debitis saepe, aspernatur architecto, maiores!
		</p>
	</div>

	<a href="#" onclick="makePDF()">Yukarıdaki metni PDF formatına çevir</a>

  	<script>
  		function makePDF() {
  			var exampleHTML = document.getElementById("exampleHTML").innerHTML;

  			var val = htmlToPdfmake(exampleHTML);
    		var dd = {content:val};
    		//pdfMake.createPdf(dd).download();	// PDF dosyasini kaydetme secenegi sunar.
    		pdfMake.createPdf(dd).open({}, window)	// PDF dosyasini ayni pencerede acar.

  		}
    	
  	</script>
</body>
</html>