রিঅ্যাক্ট-পিডিএফ-এর মাধ্যমে কোনও সমস্যা ছাড়াই আপনার প্রতিক্রিয়া অ্যাপে পিডিএফ ফাইলগুলি প্রদর্শন করুন

প্রতিক্রিয়া-পিডিএফ দিয়ে শুরু করা

শুরু করার সুপারিশ এবং সবচেয়ে সহজ উপায় হল npm এর মাধ্যমে ইনস্টল করা, নীচের কমান্ডটি।

npm install react-pdf 

ফ্রি JavaSrcipt API-এ নন-ল্যাটিন অক্ষর রেন্ডারিং

ওপেন সোর্স রিঅ্যাক্ট-পিডিএফ লাইব্রেরি সফ্টওয়্যার ডেভেলপারদের জাভাস্ক্রিপ্ট কমান্ড ব্যবহার করে তাদের নিজস্ব অ্যাপ্লিকেশনের ভিতরে নন-ল্যাটিন অক্ষরগুলিকে প্রোগ্রাম্যাটিকভাবে রেন্ডার করতে সক্ষম করে। রিঅ্যাক্ট-পিডিএফ-এ অ-ল্যাটিন অক্ষর সমর্থনও রয়েছে এবং আপনি যদি নিশ্চিত করতে চান যে কোনও অ-ল্যাটিন অক্ষর সঠিকভাবে রেন্ডার করা হয়েছে যখন কোনও প্রকল্পে PDF প্রদর্শিত হয়, আপনি pdfjs-dist থেকে অনুলিপি করা cMaps দিয়ে এটি সম্পন্ন করতে পারেন।

ফ্রি জাভাস্ক্রিপ্ট API ব্যবহার করে একক বা একাধিক পিডিএফ পেজ লোড করুন

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

import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
  return (
    
      
    
  );
}

জাভাস্ক্রিপ্টের মাধ্যমে পিডিএফ ডকুমেন্টে টীকা পরিচালনা করুন

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

import React, { useState } from 'react';
import { Document, Outline, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
  const [pageNumber, setPageNumber] = useState(1);
  function onItemClick({ pageNumber: itemPageNumber }) {
    setPageNumber(itemPageNumber);
  }
  return (
    
      
    
  );
}