Html to Pdf

zafer

1472 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>

1

#002864

webdevyusuf

1472 gün önce

Kullanımıyla alakalı bir örnek gösterirmisiniz?

0

#002863