عرض ملفات PDF في تطبيق React الخاص بك دون مشكلة من خلال React-PDF

الشروع في العمل مع React-PDF

التوصية والأسهل طريقة للبدء هي التثبيت عبر npm ، فيما يلي الأمر.

npm install react-pdf 

عرض الأحرف غير اللاتينية في واجهة برمجة تطبيقات JavaSrcipt المجانية

تتيح مكتبة React-PDF مفتوحة المصدر لمطوري البرامج عرض الأحرف غير اللاتينية برمجيًا داخل التطبيق الخاص بهم باستخدام أوامر JavaScript. يحتوي React-PDF على دعم الأحرف غير اللاتينية أيضًا ، وإذا كنت تريد التأكد من عرض أي أحرف غير لاتينية بشكل صحيح عند عرض ملف PDF في مشروع ما ، فيمكنك القيام بذلك باستخدام cMaps المنسوخة من pdfjs-dist.

قم بتحميل صفحات PDF مفردة أو متعددة باستخدام واجهة برمجة تطبيقات JavaScript API مجانية

تسمح لك علامة المستند بتحميل مستند PDF يتم تمريره عبر خاصية الملف. باستخدام هذه العلامة ، يمكنك إما تحميل صفحة واحدة أو عدة صفحات ، أو إضافة التنقل أيضًا. يمكنك أيضًا تمييز النص على الصفحة ، وإظهار جدول المحتويات بطريقة تفاعلية ، وتوفير ارتباطات خارجية أيضًا.

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

إدارة التعليقات التوضيحية في مستندات PDF عبر JavaScript

مكتبة JavaScript مفتوحة المصدر تمنح React-PDF المبرمجين القدرة على إدارة أنواع مختلفة من التعليقات التوضيحية داخل مستندات PDF الخاصة بهم برمجيًا. يرجى تذكر أن المستخدم يحتاج إلى تضمين ورقة الأنماط اللازمة لعرض التعليقات التوضيحية بشكل صحيح. يسمح للمستخدمين بالتمييز والنص والحبر والملاحظات والأشكال والمزيد بسهولة.

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 (
    
      
    
  );
}