কীভাবে কোনও পৃষ্ঠায় পিডিএফ ভিউয়ার এম্বেড করবেন?


91

যদি আমি ভুল না হয়ে থাকি তবে গুগল ডক্স একটি পিডিএফ প্রদর্শনের মাধ্যম সরবরাহ করে যা ওয়েব পৃষ্ঠার মতো একই সার্ভারে সংরক্ষিত থাকে একটি মাধ্যমে <iframe>, তবে আমি কীভাবে ক্রস-ব্রাউজারের অনুগতভাবে এটি করতে পারি তা জানতে হবে।

উত্তর:


199

আপনি ফিলিপ হাচিসন দ্বারা পিডিএফওবজেক্ট ব্যবহার বিবেচনা করতে পারেন ।

বিকল্পভাবে, আপনি যদি জাভাস্ক্রিপ্ট-বিহীন সমাধানের সন্ধান করছেন তবে আপনি মার্কআপটি এর মতো ব্যবহার করতে পারেন:

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

2012 সালের পরে জিনিসগুলি পরিবর্তিত হতে পারে তবে আমি যদি এই পদ্ধতির ব্যবহার করি তবে পিডিএফটি স্বয়ংক্রিয়ভাবে ক্রোম দ্বারা ডাউনলোড হয়ে যায় এবং একটি বাহ্যিক ব্রাউজারে খোলে।
ডিম উইলিঘেন

34

পিডিএফ.জেএসস একটি এইচটিএমএল 5 প্রযুক্তি পরীক্ষা যা নেটিভ কোড সহায়তা ছাড়াই বিশ্বস্ত এবং দক্ষ পোর্টেবল ডকুমেন্ট ফর্ম্যাট (পিডিএফ) রেন্ডারার তৈরির অন্বেষণ করে। এটি সম্প্রদায়-পরিচালিত এবং মজিলা ল্যাবগুলি সমর্থন করে।

আপনি এখানে ডেমো দেখতে পারেন ।


17

এটি এইভাবে কিছুটা ভাল কাজ করতে পারে

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

এটি আমার পক্ষে কাজ করেছে। তবে আমাকেও গুন যুক্ত করতে হয়েছিল type="application/pdf"
ইলিয়র তুরদুশেভ

9

যদি আমি ভুল না হয়ে থাকি তবে ওপি জিজ্ঞাসা করছিল (যদিও পরে একটি .js সমাধান গৃহীত হয়েছে) গুগলের এম্বেড পিডিএফ ডিসপ্লে সার্ভার তার নিজের ওয়েবসাইটে একটি পিডিএফ প্রদর্শন করবে কিনা।

সুতরাং, দেড় বছর পরে: হ্যাঁ, এটি হবে।

Http://googles systemm.blogspot.ca/2009/09/ebbdable-google-docament-viewer.html দেখুন । এছাড়াও, https://docs.google.com/viewer দেখুন এবং আপনি যে ফাইলটি প্রদর্শন করতে চান তার URL টি প্লাগ করুন।

সম্পাদনা করুন: পুনরায় পড়া, ওপি আইফ্রেমগুলি ব্যবহার না করে এমন সমাধানের জন্য জিজ্ঞাসা করেছিল। গুগলের দর্শকের দ্বারা এটি সম্ভব বলে আমি মনে করি না।



3

বিভিন্ন পাঠকের পছন্দগুলি জুড়ে যে কোনও সমাধান পরীক্ষা করার বিষয়ে নিশ্চিত হন। কোনও সাইটের দর্শনার্থীর ব্রাউজারের বিপরীতে রিডার / অ্যাক্রোব্যাটে পিডিএফ খোলার জন্য সেট করা থাকতে পারে, যেমন, ফায়ারফক্সে অ্যাক্রোব্যাট প্লাগইন অক্ষম করে ..

আমি আমার ফলাফল সম্পর্কে নিশ্চিত হতে পারি না, কারণ আমার দুটি পৃথক অ্যাক্রোব্যাট প্লাগইন রয়েছে যা আমার অ্যাডোব অ্যাক্রোব্যাট এবং অ্যাডোব রিডারের বিভিন্ন সংস্করণ থাকার কারণে ফায়ারফক্স চিনতে পেরেছিল, তবে এটি প্রদর্শিত হবে যে কোনও ওয়েবসাইটের দর্শকের যদি কমপক্ষে ঘটে থাকে তবে আপনাকে পরীক্ষা করতে হবে তাদের ব্রাউজারটি ব্রাউজারে পিডিএফ না খোলার জন্য সেট করেছে। এটি অন্যথায় বিরক্তিকর হতে পারে যখন অন্যথায় ব্যবহারযোগ্য ওয়েব পৃষ্ঠা হিসাবে প্রদর্শিত হবে এবং তাদের ব্রাউজার তাদের পিডিএফ ফাইল খুলতে ন্যাশ করছে যা তারা মনে করে যে তারা অনুরোধ করেনি। কিছু ক্ষেত্রে, পিডিএফ ফাইলটি ব্রাউজার নয়, অ্যাডোব রিডারটিতে স্বতঃস্ফূর্তভাবে খোলা হয়েছিল এবং অন্যান্য ক্ষেত্রে ব্রাউজারটি ফাইলটির অস্তিত্ব নেই বলে একটি ডায়ালগ ছুঁড়ে দেয়।

আমি আইফ্রেমে এবং উভয়কেই আলাদা কোডের জন্য বিভিন্ন ইস্যুতে এই ধরনের অমিলের মধ্যে ফেলেছি।

এটি সাধারণ এইচটিএমএল কোডের জন্য। আমি প্রস্তাবিত ফ্রেমওয়ার্কগুলি চেষ্টা করি নি।


1

আমি সত্যিই ফ্লোপ্যাপারের জন্য বেছে নেব, বিশেষত তাদের নতুন এলিমেন্ট মোড যা এখানে পাওয়া যাবে: https://flowpaper.com/demo/

এটি পাঠ্যকে তীক্ষ্ণ রাখা হিসাবে একই সাথে পিডিএফগুলি উল্লেখযোগ্যভাবে সমতল করে যার অর্থ এটি মোবাইল ডিভাইসে খুব দ্রুত লোড হবে


1

বুটস্ট্র্যাপ ব্যবহার করে আপনার একটি প্রতিক্রিয়াশীল এবং মোবাইল প্রথম এম্বেড ফাইল থাকতে পারে।

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

0

পিডিএফ 2 এইচটিএমএলএসএল দ্বারা কুলওয়াংলু সম্ভবত কোনও পিডিএফ ফাইলকে এইচটিএমএল রূপান্তর করার জন্য সর্বোত্তম সমাধান। আপনি একটি সাধারণ রূপান্তর করতে পারেন এবং তারপরে এইচটিএমএল পৃষ্ঠাটিকে আইফ্রেমে বা এর অনুরূপ কিছু এম্বেড করতে পারেন।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.