Web görüntüleyici
Siten için web görüntüleyici
PDF'leri tek bir etiketle kendi web sitende göster. vivePDF web görüntüleyici ziyaretçinin tarayıcısında çalışır, sunucu istemez ve MIT lisansıyla ücretsizdir.
vivePDF web görüntüleyici bir PDF’i kendi web sayfanın içinde gösterir: sayfa küçük resimleri, belgenin içindekiler listesi, arama, bağlantılar, metin seçme, yazdırma ve indirme. Bir öznitelik daha eklersen ziyaretçiler çizebilir, metni vurgulayabilir ve not bırakabilir. Sayfaları ziyaretçinin tarayıcısında PDFium çizer; hiçbir şey bir yere yüklenmez ve kendi sunucuna ihtiyacın olmaz. Görüntüleyici MIT lisanslı ayrı bir pakettir; masaüstü uygulamasının kodu içinde yoktur.
Betik etiketiyle ekleme
-
Görüntüleyiciyi sayfada bir kez yükle:
<script src="https://cdn.jsdelivr.net/npm/@vivepdf/viewer@0/dist/vivepdf.js"></script> -
PDF’in görüneceği yere görüntüleyiciyi koy ve bir yükseklik ver:
<vive-pdf src="/dosyalar/fiyat-listesi.pdf" style="height: 80vh"></vive-pdf>
Sayfana eklenen betik 3 KB’tan azdır. Görüntüleyicinin kendisi ve PDF motoru ancak görüntüleyici ekrana girince yüklenir; motor ilk ziyaretten sonra tarayıcının önbelleğinde kalır.
Dene
Aşağıdan ayarları seç: sayfana ekleyeceğin kod onlarla birlikte değişir, önizleme de sonucu örnek bir PDF ile gösterir.
<script src="https://cdn.jsdelivr.net/npm/@vivepdf/viewer@0/dist/vivepdf.js"></script>
<vive-pdf src="/dosyalar/belge.pdf"></vive-pdf>Önizleme
Adobe PDF Embed API ile karşılaştırma
| vivePDF web görüntüleyici | Adobe PDF Embed API | |
|---|---|---|
| Hesap ve anahtar | Gerekmez | Adobe hesabı ve alan adına kayıtlı bir istemci kimliği (client ID); başka bir alan adında önizleme engellenir |
| Ücret | Ücretsiz | Ücretsiz; Adobe’nin koşulları kullanım sınırı koymasına izin verir |
| Lisans | MIT, açık kaynak | Adobe’nin kendi koşulları; kod değiştirilemez |
| Kodun yüklendiği yer | Kendi sunucun, bir CDN ya da npm | Adobe’nin sunucusu (belgelerde gösterilen yol) |
| Üreticiye giden veri | Yok; ziyaretçinin tarayıcısı yalnızca senin sitenle ve seçtiğin CDN ile konuşur | Kullanım bilgileri: web sayfasının adresi, dosya boyutu ve sayfa sayısı da içinde |
| Marka | Araç çubuğunda küçük bir vivePDF işareti; branding="false" gizler |
“Powered by Adobe Document Cloud” bağlantısı zorunlu; görüntüleyicide Adobe Acrobat logosu görünür |
| Belge gösterme biçimleri | Kutu, tam pencere, sayfanın içinde, açılır pencere | Tam pencere, boyutlu kutu, sayfanın içinde, açılır pencere |
| Arama | Var | Var |
| Yorum ve işaretleme | Var, annotate özniteliğiyle |
Var, tam pencere görünümünde |
| Form doldurma | Yok, yalnızca okuma | Var, tam pencere görünümünde |
Adobe sütunu, Adobe’nin PDF Embed API belgeleri ve Geliştirici Kullanım Koşulları (Haziran 2024 sürümü) temel alınarak 31 Ekim 2026’da hazırlandı.
Sonraki adımlar
| Sayfa | İçinde ne var |
|---|---|
| Kurulum | CDN, kendi sunucun, npm; React, Vue, Svelte ve düz HTML |
| Ayarlar | Bütün öznitelikler, değerleri ve varsayılanlarıyla |
| Metotlar ve olaylar | Görüntüleyiciyi JavaScript ile yönetmek, hata kodları, TypeScript |
| Çizim ve notlar | Çizim araçları ve işaretleri sunucuna kaydetmek |
| Modlar ve görünüm | Kutu, tam pencere, sayfanın içinde ve açılır pencere; tema, renk, dil |
| Güvenlik ve gizlilik | Başka sitelerdeki PDF’ler ve İçerik Güvenliği Politikası |
| Performans ve büyük dosyalar | Ne zaman ne indirilir, ölçülen süreler, yedek fontlar |
| Sorun giderme | Her mesajın anlamı ve nasıl çözüleceği |