1. Produktai
  2.   PDF
  3.   JavaScript
  4.   React-PDF
 
  

Rodykite PDF failus „React“ programoje be problemų naudodami „React-PDF“.

„React-PDF“ leidžia rodyti PDF failus taip, tarsi jie būtų vaizdai „React“ programoje be jokio vargo ar naudojant kelis papildinius.

Daug kartų kūrėjams reikia pridėti PDF prie „React“ programų, ir nors gali būti sunku nustatyti tinkamą skiriamąją gebą, dydį ar išdėstymą, „React-PDF“ leidžia pridėti PDF failus į „React“ programą kaip ir vaizdus. Nemokamai atsisiųsti, atvirojo kodo ir visas paketas. React PDF buvo sukurtas naudojant JavaScript ir CSS ir yra visiškai suderinamas su bet kokia React programa.

Šiuo metu yra daug „React-PDF“ versijų, iš kurių naujausia yra „React-PDF v5“. Kitos versijos taip pat nuolat taisomos ir atnaujinamos, tačiau naudojant React-PDF v5 bus gauti optimalūs rezultatai.

Norėdami naudoti React-PDF įsitikinkite, kad jūsų React programa naudoja naujausią React versiją, t. y. React 16.3 arba naujesnę. Jei naudojate senesnes „React“ versijas, turėsite naudoti senesnes „React-PDF“ versijas.

Previous Next

Darbo su React-PDF pradžia

Rekomenduojamas ir lengviausias būdas pradėti yra įdiegti per npm, žemiau yra komanda.

Įdiekite React-PDF per npm

npm install react-pdf

Taip pat galite jį įdiegti rankiniu būdu; atsisiųskite naujausius leidimo failus tiesiai iš GitHub saugyklos.

Ne lotyniškų simbolių atvaizdavimas naudojant nemokamą JavaSrcipt API

Atvirojo kodo React-PDF biblioteka leidžia programinės įrangos kūrėjams programiškai pateikti ne lotyniškus simbolius savo programoje, naudojant JavaScript komandas. „React-PDF“ taip pat palaiko ne lotyniškus simbolius, o jei norite įsitikinti, kad visi ne lotyniški simboliai rodomi tinkamai, kai projekte rodomas PDF, galite tai padaryti naudodami cMaps, nukopijuotus iš pdfjs-dist.

Įkelkite vieną arba kelis PDF puslapius naudodami nemokamą JavaScript API

Dokumento žyma leidžia įkelti PDF dokumentą, kuris perduodamas per failą. Naudodami šią žymą galite įkelti vieną ar kelis puslapius arba pridėti naršymą. Taip pat galite paryškinti tekstą puslapyje, rodyti turinį interaktyviu būdu ir pateikti išorines nuorodas.

Kaip rodyti vieną PDF puslapį naudojant JavaScript API

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

Tvarkykite komentarus PDF dokumentuose naudodami „JavaScript“.

Atvirojo kodo „JavaScript“ biblioteka „React-PDF“ suteikia programuotojams galimybę programiškai valdyti įvairių tipų komentarus savo PDF dokumentuose. Atminkite, kad naudotojas turi įtraukti stiliaus lapą, reikalingą, kad komentarai būtų rodomi teisingai. Tai leidžia vartotojams lengvai paryškinti, tekstą, rašalą, užrašus, formas ir daugiau.

Kaip tvarkyti išorines nuorodas PDF failuose naudojant „JavaScript“.

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