React-PDF vasitəsilə problem olmadan React Tətbiqinizdə PDF Fayllarını göstərin
React-PDF sizə PDF fayllarını heç bir əngəl olmadan və ya çoxsaylı plaginlərdən istifadə etmədən React proqramında şəkillər kimi göstərməyə imkan verir.
Tərtibatçıların React proqramlarına PDF sənədləri əlavə etmələri çox vaxt olur və düzgün qətnamə, ölçü və ya tərtibat əldə etmək çətin olsa da, React-PDF sizə şəkillər kimi React proqramına PDF əlavə etməyə imkan verir. Yükləmək pulsuz, açıq mənbə və tam paket. React PDF JavaScript və CSS istifadə edərək hazırlanmışdır və istənilən React tətbiqi üçün tamamilə uyğundur.
Hal-hazırda React-PDF-nin bir çox versiyaları mövcuddur, ən son React-PDF v5. Digər versiyalar da daim səhv düzəlişləri və yeniləmələr alır, lakin React-PDF v5-dən istifadə optimal nəticələr verəcəkdir.
React-PDF-dən istifadə etmək üçün əmin olun ki, React proqramınız React-in ən son versiyasını, yəni React 16.3 və ya daha yeni versiyanı istifadə edir. Əgər siz React-in köhnə versiyalarından istifadə edirsinizsə, onda siz React-PDF-nin köhnə versiyalarından istifadə etməli olacaqsınız.
React-PDF ilə işə başlamaq
Başlamaq üçün tövsiyə olunan və ən asan yol npm vasitəsilə quraşdırmaqdır, aşağıda əmr verilmişdir.
React-PDF-ni npm vasitəsilə quraşdırın
npm install react-pdf Siz onu əl ilə də quraşdıra bilərsiniz; ən son buraxılış fayllarını birbaşa GitHub deposundan endirin.
Pulsuz JavaSrcipt API-də Latın olmayan simvolların göstərilməsi
Açıq mənbə React-PDF kitabxanası proqram tərtibatçılarına JavaScript əmrlərindən istifadə edərək öz proqramlarında latın olmayan simvolları proqramlı şəkildə göstərməyə imkan verir. React-PDF-də latın dilində olmayan hərflər də var və əgər siz layihədə PDF göstərildiyi zaman hər hansı qeyri-latın simvollarının düzgün göstərildiyinə əmin olmaq istəyirsinizsə, bunu pdfjs-dist-dən kopyalanan cMaps ilə edə bilərsiniz.
Pulsuz JavaScript API istifadə edərək Tək və ya Çoxlu PDF Səhifələrini yükləyin
Sənəd etiketi Fayl rekvizitindən keçən PDF sənədini yükləməyə imkan verir. Bu teq ilə siz bir və ya bir neçə səhifə yükləyə və ya naviqasiya əlavə edə bilərsiniz. Siz həmçinin səhifədəki mətni vurğulaya, məzmun cədvəlini interaktiv şəkildə göstərə və həmçinin xarici keçidlər təqdim edə bilərsiniz.
JavaScript API vasitəsilə tək PDF səhifəsini necə göstərmək olar
import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
return (
);
}
JavaScript vasitəsilə PDF Sənədlərində Annotasiyaları idarə edin
Açıq mənbəli JavaScript kitabxanası React-PDF proqram proqramçılarına PDF sənədləri daxilində müxtəlif növ annotasiyaları proqramlı şəkildə idarə etmək imkanı verir. Xahiş edirik unutmayın ki, annotasiyaların düzgün göstərilməsi üçün istifadəçi stil cədvəlini daxil etməlidir. O, istifadəçilərə asanlıqla vurğulamaq, mətn, mürəkkəb, qeyd, formalar və s. imkan verir.
JavaScript vasitəsilə PDF-lərdə xarici bağlantıları necə idarə etmək olar
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 (
);
}
