यदि मैं गलत नहीं हूं, तो Google डॉक्स एक पीडीएफ प्रदर्शित करने का साधन प्रदान करता है जो वेब पेज के माध्यम से उसी सर्वर पर संग्रहीत होता है <iframe>, लेकिन मुझे यह जानने की जरूरत है कि मैं इसे क्रॉस-ब्राउज़र अनुरूप तरीके से कैसे कर सकता हूं।
यदि मैं गलत नहीं हूं, तो Google डॉक्स एक पीडीएफ प्रदर्शित करने का साधन प्रदान करता है जो वेब पेज के माध्यम से उसी सर्वर पर संग्रहीत होता है <iframe>, लेकिन मुझे यह जानने की जरूरत है कि मैं इसे क्रॉस-ब्राउज़र अनुरूप तरीके से कैसे कर सकता हूं।
जवाबों:
आप फिलिप हचिसन द्वारा PDFObject का उपयोग करने पर विचार कर सकते हैं ।
वैकल्पिक रूप से, यदि आप एक गैर-जावास्क्रिप्ट समाधान की तलाश में हैं, तो आप इस तरह मार्कअप का उपयोग कर सकते हैं:
<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>
यह इस तरह से थोड़ा बेहतर काम कर सकता है
<embed src= "MyHome.pdf" width= "500" height= "375">
type="application/pdf"।
अगर मैं गलत नहीं हूँ, तो ओपी पूछ रहा था (हालाँकि बाद में एक .js समाधान स्वीकार किया गया था) कि क्या Google का एम्बेडेड पीडीएफ डिस्प्ले सर्वर अपनी वेबसाइट पर एक पीडीएफ प्रदर्शित करेगा।
तो, डेढ़ साल बाद: हाँ, यह होगा।
Http://googlesystem.blogspot.ca/2009/09/embeddable-google-document-viewer.html देखें । इसके अलावा, https://docs.google.com/viewer , और उस फ़ाइल के URL में प्लग करें जिसे आप दिखाना चाहते हैं।
संपादित करें: पुन: पढ़ना, ओपी उन समाधानों के लिए कह रहा था जो iFrames का उपयोग नहीं करते हैं। मुझे नहीं लगता कि Google के दर्शक के साथ यह संभव है।
फ्लेक्स पेपर http://flexpaper.devaldi.com/ के साथ प्रयास करें
यह स्क्रिबर्ड की तरह काम करता है
विभिन्न पाठक प्राथमिकताओं में किसी भी समाधान का परीक्षण करना सुनिश्चित करें। साइट आगंतुक अपने ब्राउज़र को रीडर / एक्रोबैट में पीडीएफ खोलने के लिए सेट कर सकता है जैसा कि फ़ायरफ़ॉक्स में एक्रोबैट प्लगइन को अक्षम करके ब्राउज़र के विपरीत है।
मैं अपने परिणामों के बारे में सुनिश्चित नहीं हो सकता, क्योंकि मेरे पास दो अलग-अलग एक्रोबैट प्लगइन्स हैं जो फ़ायरफ़ॉक्स को मेरे एडोब एक्रोबेट और एडोब रीडर के अलग-अलग संस्करणों के कारण पहचानता है, लेकिन ऐसा लगता है कि आपको कम से कम यह परखने की आवश्यकता है कि वेबसाइट आगंतुक क्या होता है उनके ब्राउज़र को ब्राउज़र में पीडीएफ नहीं खोलने के लिए सेट किया गया है। यह काफी कष्टप्रद हो सकता है जब वे देखते हैं कि एक अन्यथा प्रयोग करने योग्य वेब पेज प्रतीत होता है और उनका ब्राउज़र उन्हें पीडीएफ फाइल खोलने के लिए परेशान कर रहा है जो उन्हें लगता है कि वे अनुरोध नहीं करते थे। कुछ मामलों में, पीडीएफ फाइल अनायास एडोब रीडर में खोली गई, न कि ब्राउजर में, और अन्य मामलों में ब्राउजर ने डायलॉग को यह कहते हुए फेंक दिया कि फाइल मौजूद नहीं थी।
मैं iframe और ऑब्जेक्ट दोनों के साथ इस तरह के बेमेल में भाग गया, विभिन्न कोड के लिए अलग-अलग मुद्दे।
यह सरल HTML कोड के लिए है। मैंने सुझाए गए ढांचे की कोशिश नहीं की है।
मैं वास्तव में FlowPaper के लिए विकल्प चुनूंगा, विशेष रूप से उनके नए तत्व मोड जो यहां मिल सकते हैं: https://flowpaper.com/demo/
यह पाठ को तेज रखने के साथ-साथ पीडीएफ को काफी हद तक समतल करता है जिसका मतलब है कि यह मोबाइल उपकरणों पर बहुत तेजी से लोड होगा
बूटस्ट्रैप का उपयोग करके आपके पास एक उत्तरदायी और मोबाइल पहले एम्बेड की गई फ़ाइल हो सकती है।
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="address of your file" allowfullscreen></iframe>
</div>
Aspect ratios can be customized with modifier classes.
<!-- 21:9 aspect ratio -->
<div class="embed-responsive embed-responsive-21by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
<!-- 1:1 aspect ratio -->
<div class="embed-responsive embed-responsive-1by1">
<iframe class="embed-responsive-item" src="..."></iframe>
</div>
coolwanglu द्वारा pdf2htmlEX शायद वहाँ एक पीडीएफ फाइल को html में बदलने के लिए सबसे अच्छा समाधान है। आप एक साधारण कन्वर्ट कर सकते हैं और फिर html पेज को iframe या कुछ इसी तरह एम्बेड कर सकते हैं।