Taispeáin Comhaid PDF i d'Aip React Gan Saincheist Trí React-PDF
Ligeann React-PDF duit comhaid PDF a thaispeáint amhail is dá mba íomhánna iad in aip React gan aon stró nó ag baint úsáide as forlíontáin iolracha.
Is iomaí uair a bhíonn ar fhorbróirí PDFanna a chur le feidhmchláir React, agus cé go mbíonn sé deacair an réiteach, an méid nó an leagan amach a fháil i gceart, ligeann an React-PDF duit PDFanna a chur le feidhmchlár React díreach cosúil le híomhánna. Tá sé saor in aisce le híoslódáil, foinse oscailte, agus pacáiste iomlán. Forbraíodh React PDF le JavaScript agus CSS agus tá sé go hiomlán comhoiriúnach le haon fheidhmchlár React.
Tá go leor leaganacha de React-PDF ar fáil faoi láthair, agus is é React-PDF v5 an ceann is déanaí. Faigheann na leaganacha eile ceartúcháin agus nuashonruithe ar fhabht go leanúnach freisin, áfach, trí React-PDF v5 a úsáid, gheobhaidh tú na torthaí is fearr.
Chun React-PDF a úsáid, cinntigh go bhfuil d’fheidhmchlár React ag baint úsáide as an leagan is déanaí de React i.e. React 16.3 nó níos déanaí. Ar eagla go bhfuil tú ag baint úsáide as leaganacha níos sine de React, ansin beidh ort na leaganacha níos sine den React-PDF a úsáid.
Tús a chur le React-PDF
Is é an bealach molta agus is éasca chun tús a chur leis ná suiteáil trí npm, thíos an t-ordú.
Suiteáil React-PDF trí npm
npm install react-pdf Is féidir leat é a shuiteáil de láimh freisin; íoslódáil na comhaid eisithe is déanaí go díreach ó GitHub stór.
Rindreáil Carachtair Neamh-Laidin in API JavaSrcipt Saor in Aisce
Cuireann an leabharlann foinse oscailte React-PDF ar chumas forbróirí bogearraí carachtair neamh-Laidine a sholáthar go ríomhchláraithe laistigh dá bhfeidhmchlár féin ag baint úsáide as orduithe JavaScript. Tá tacaíocht carachtair neamh-Laidin ag React-PDF freisin, agus más mian leat a chinntiú go bhfuil aon charachtair neamh-Laidin le fáil i gceart nuair a thaispeánfar PDF i dtionscadal, is féidir leat é a dhéanamh le cMaps a chóipeáiltear ó pdfjs-dist.
Luchtaigh Leathanaigh PDF Aonair nó Il PDF ag baint úsáide as JavaScript Saor in Aisce API
Ligeann an chlib Doiciméad duit doc PDF a lódáil a théann tríd an prop Comhad. Leis an gclib seo is féidir leat leathanach amháin nó leathanaigh iolracha a luchtú, nó nascleanúint a chur leis freisin. Is féidir leat téacs a aibhsiú ar leathanach freisin, clár na n-ábhar a thaispeáint ar bhealach idirghníomhach, agus naisc sheachtracha a sholáthar freisin.
Conas Leathanach Aonair PDF a Thaispeáint trí JavaScript API
import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
return (
);
}
Bainistigh Anótálacha i nDoiciméid PDF trí JavaScript
Tugann leabharlann foinse oscailte JavaScript React-PDF an cumas do ríomhchláraitheoirí bogearraí cineálacha éagsúla nótaí a bhainistiú laistigh dá ndoiciméid PDF. Cuimhnigh, le do thoil, gur gá go mbeadh stílbhileog riachtanach chun nótaí a thaispeáint i gceart a chur san áireamh. Ligeann sé d’úsáideoirí Aibhsigh, téacs, dúch, nóta, cruthanna agus níos mó gan stró.
Conas Naisc Sheachtracha a Láimhseáil i PDFanna trí 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 (
);
}
