Merhabalar,
Bu yazımda web sitesine PDF yerleştirmekten bahsedeceğim. Bir kaç eski yöntemi de bulunuyor (<embed>, <object>) fakat ben en gelişmiş ve tüm tarayıcılarla uyumlu olan <iframe> etiketiyle olan kullanımını tarif edeceğim.
Hemen <iframe> etiketinin basit kullanımını görelim;
<iframe src="ornek.pdf" width="100%" height="100%"></iframe>
Bu şekilde <iframe> etiketinin src niteliğini kullanarak dosya yolu ve dosya adını yazıyoruz. Yukarıdaki örnekte width ve height niteliklerini kendi tasarımınıza göre özelleştirebilirsiniz.
Ayrıca <iframe> etiketi ile ilgili daha detaylı kullanım ve bilgi edinmek için bu linke tıklayabilirsiniz.
Bu şekilde sayfanıza yerleştirdiğinizde tıpkı tarayıcıda bir PDF dosyası açmışsınız gibi oldukça gelişmiş bir kullanım sunar. Örnek olarak aşağıdaki kontrolleri yönetebilirsiniz;
Özetle yakınlaştırma, uzaklaştırma, indirme, sayfalama, yazdırma vb. özellikleri kullanıcılarınıza sunar.
PDF Dosyasını Link Olarak Vermek
PDF dosyasını göstermeden sadece direkt PDF dosyasına indirme linki vermek isterseniz de aşağıdaki şekilde <a> etiketi ile birlikte indirme linki verebilirsiniz.
<a href="ornek.pdf" download>PDF Örneği</a>
Yukarıdaki link verme işlemi de PDF dosyasını kullanıcının tarayıcısında yeni sekmede açacak şekilde çalışır. Zaten yeni sekmede açıldığında indirme gibi işlemler bulunmaktadır.
Bu 2 farklı yöntemle müşterilerinize PDF dosyalarınızı sunabilirsiniz. Umarım anlaşılır olmuştur.
Mutlu Kodlamalar 🙂