2012-12-29 12 views
59

यदि मुझे गलत नहीं लगता है, तो Google डॉक्स एक पीडीएफ प्रदर्शित करने के साधन प्रदान करता है जो एक ही सर्वर पर एक आईफ्रेम के माध्यम से वेब पेज के रूप में संग्रहीत होता है, लेकिन मुझे यह जानने की ज़रूरत है कि मैं इसे क्रॉस-ब्राउज़र अनुपालन में कैसे कर सकता हूं ।मैं एक वेब पेज में पीडीएफ दर्शक कैसे एम्बेड कर सकता हूं?

उत्तर

134

तरह काम करता है के साथ एक कोशिश की है।

वैकल्पिक रूप से, आप एक गैर जावास्क्रिप्ट समाधान के लिए देख रहे हैं, तो आप मार्कअप इस तरह इस्तेमाल कर सकते हैं:

<object data="myfile.pdf" type="application/pdf" width="100%" height="100%"> 
    <p>Alternative text - include a link <a href="myfile.pdf">to the PDF!</a></p> 
</object> 
+0

क्या आप कृपया मुझे बता सकते हैं कि ऑफसेट कैसे देना है दर्शक विंडो में पीडीएफ? पीडीएफ ऑब्जेक्ट में –

+0

@IanGregory, मैं नई ऑब्जेक्ट बनाये बिना क्लिक पर विशिष्ट पेज पर जाना चाहता हूं। – Selva

+1

यह आईपैड, आईपोन में समर्थित नहीं है। –

3

आप फिलिप हचिसन द्वारा PDFObject उपयोग करने पर विचार कर सकता है फ्लेक्स कागजhttp://flexpaper.devaldi.com/

यह स्क्रिप्ड

+0

बहुत रोचक! बहुत बुरा यह नि: शुल्क नहीं है। :( –

+0

अच्छी तरह से इसे किसी आईफ्रेम का उपयोग करके क्यों नहीं दिखाया गया है जैसा कि अन्य लोगों ने आपको बताया था .. मैं वही काम कर रहा था लेकिन मेरे मालिक ने इस फ्लेक्स पेपर के लिए भुगतान किया था =) –

15

PDF.js एक HTML5 प्रौद्योगिकी प्रयोग है कि एक वफादार और कुशल पोर्टेबल दस्तावेज़ स्वरूप के निर्माण की पड़ताल (पीडीएफ है) मूल कोड सहायता के बिना renderer। यह समुदाय संचालित है और मोज़िला लैब्स द्वारा समर्थित है।

आप डेमो here देख सकते हैं।

1

विभिन्न रीडर प्राथमिकताओं में किसी भी समाधान का परीक्षण करना सुनिश्चित करें। एक साइट विज़िटर के पास ब्राउजर के विपरीत रीडर/एक्रोबैट में पीडीएफ खोलने के लिए अपना ब्राउज़र सेट हो सकता है, उदाहरण के लिए, फ़ायरफ़ॉक्स में एक्रोबैट प्लगइन को अक्षम करके ..

मैं अपने परिणामों के बारे में सुनिश्चित नहीं हो सकता, क्योंकि मेरे पास एडोब एक्रोबैट और एडोब रीडर के विभिन्न संस्करणों के कारण फ़ायरफ़ॉक्स को पहचानने वाले दो अलग-अलग एक्रोबैट प्लगइन्स, लेकिन ऐसा लगता है कि कम से कम यह जांचने की आवश्यकता है कि क्या होता है यदि कोई वेबसाइट विज़िटर ब्राउज़र में ब्राउज़र में पीडीएफ नहीं खोलने के लिए सेट होता है। यह बहुत परेशान हो सकता है जब वे अन्यथा उपयोग करने योग्य वेब पेज के रूप में दिखाई देते हैं और उनका ब्राउज़र उन्हें एक पीडीएफ फ़ाइल खोलने के लिए परेशान कर रहा है, जिसे वे सोचते हैं कि उन्होंने अनुरोध नहीं किया था। कुछ मामलों में, पीडीएफ फाइल स्वचालित रूप से एडोब रीडर में खोला गया, ब्राउजर नहीं, और अन्य मामलों में ब्राउज़र ने एक संवाद फेंक दिया कि फाइल मौजूद नहीं है।

मैं आईफ़्रेम के साथ इस तरह के विसंगतियों में भाग गया और दोनों अलग-अलग कोड के लिए अलग-अलग मुद्दों पर ऑब्जेक्ट किया।

यह सरल HTML कोड के लिए है। मैंने सुझाए गए ढांचे की कोशिश नहीं की है।

7

यदि मुझे गलत नहीं लगता है, तो ओपी पूछ रहा था (हालांकि बाद में .js समाधान स्वीकार कर लिया गया) चाहे Google का एम्बेडेड पीडीएफ डिस्प्ले सर्वर अपनी वेबसाइट पर एक पीडीएफ प्रदर्शित करेगा।

तो साढ़े सालों बाद: हाँ, यह होगा।

http://googlesystem.blogspot.ca/2009/09/embeddable-google-document-viewer.html देखें। साथ ही, https://docs.google.com/viewer देखें, और उस फ़ाइल के यूआरएल में प्लग करें जिसे आप प्रदर्शित करना चाहते हैं।

संपादित करें: पुन: पढ़ना, ओपी उन समाधानों के लिए पूछ रहा था जो iFrames का उपयोग नहीं करते हैं। मुझे नहीं लगता कि Google के दर्शक के साथ यह संभव है।

+0

दुर्भाग्यवश यह सच नहीं है। http://googlesystem.blogspot.com.tr/2015/02/google-docs-viewer-page-no-longer.html – berkorbay

+1

क्या? हाँ यही है। यहां परीक्षण करें: https://docs.google.com/viewer?url=http://research.google.com/archive/bigtable-osdi06.pdf&embedded=true। आप एक आईफ्रेम भी उपयोग कर सकते हैं (आपके द्वारा पोस्ट किए गए पृष्ठ के नीचे देखें)। वह पृष्ठ आपको केवल यह बता रहा है कि लिंक उत्पन्न करने के लिए उपयोगकर्ता के अनुकूल पृष्ठ अब मौजूद नहीं है, और Google ड्राइव पर रीडायरेक्ट करता है। – Jon

+0

ओह, आप सही हैं। मैंने समाधान की कोशिश की, यह मेरे लिए किसी भी तरह से काम नहीं करता और मुझे यह जानकारी मिली लेकिन जाहिर है कि इसके बारे में इतना सावधान नहीं था। फिर कोशिश नहीं की (एक और समाधान मिला) लेकिन मैं इसके लिए अपना शब्द ले जाऊंगा :) – berkorbay

0

coolwanglu द्वारा pdf2htmlEX शायद पीडीएफ फ़ाइल को एचटीएमएल में परिवर्तित करने के लिए सबसे अच्छा समाधान है। आप एक साधारण कन्वर्ट कर सकते हैं और फिर एचटीएमएल पेज को आईफ्रेम या कुछ समान के रूप में एम्बेड कर सकते हैं।

9

यह थोड़ा बेहतर इस तरह से

<embed src= "MyHome.pdf" width= "500" height= "375"> 
0

मैं वास्तव में, FlowPaper के लिए चुनते हैं, विशेष रूप से अपने नए तत्वों मोड यहां पाया जा सकता है कि काम हो सकता है: https://flowpaper.com/demo/

यह काफी पीडीएफ़ सपाट टेक्स्ट को तेज रखने के साथ ही इसका मतलब है कि यह मोबाइल उपकरणों पर बहुत तेज लोड करेगा

संबंधित मुद्दे