Afişează PDF de fişiere în aplicaţia React fără o problemă prin React-PDF
React-PDF vă permite să afișați PDF de fișiere ca și cum ar fi imagini într-o aplicație React fără probleme sau folosind mai multe plugin-uri.
Există de multe ori dezvoltatorii trebuie să adauge aplicații Pos la React și, în timp ce poate fi greu să obțineți rezoluția, dimensionarea sau layout-ul corect, React-DF vă permite să adăugați o aplicație React. Este gratuit pentru descărcare, sursă deschisă și un pachet complet. React PDF a fost dezvoltat folosind JavaScript și CSS și este complet compatibil pentru orice aplicație React.
Există multe versiuni ale React-DF disponibile în prezent, cele mai recente fiind React-DF v5. Celelalte versiuni primesc în mod continuu remedieri și actualizări ale bug-urilor, dar utilizarea React-DF v5 va oferi rezultate optime.
Pentru a utiliza React-DF, asigurați-vă că aplicația React utilizează cea mai recentă versiune a React i.e. 16.3 sau mai târziu. În cazul în care utilizați versiuni mai vechi ale React, atunci va trebui să utilizați versiuni mai vechi ale React-DF.
Începeți cu React-DF
Recomandarea și cel mai ușor mod de a începe este să instalați prin numere, mai jos este comanda.
Instalați React-DF prin Num
npm install react-pdf De asemenea, îl puteți instala manual; descărcați cele mai recente fișiere de lansare direct din depozitul GitHub.
Non-Latin de caractere care rulează gratuit JavaSrcipt API
Biblioteca open source React-DF permite dezvoltatorilor de software să facă programatic caractere non-latine în propria aplicație folosind JavaScript de comenzi. React-PDF are, de asemenea, non-Latin de caractere, și dacă doriți să vă asigurați că orice non-Latin de caractere sunt redate în mod corespunzător atunci când un PDF este afișat într-un proiect, puteți face cu cMaps copiate de la pdfs-d.
Încărcarea unică sau multiplă a PDF de pagini folosind JavaScript API gratuit
Eticheta Documentului vă permite să încărcați un PDF doc care este transmis prin intermediul fișierului. Cu această etichetă puteți încărca o singură sau mai multe pagini sau puteți adăuga și navigarea. Puteți, de asemenea, să evidențiați textul pe o pagină, să afișați conținutul într-un mod interactiv și să furnizați linkuri externe.
Cum de a afișa o singură pagină PDF prin JavaScript API
import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
return (
);
}
Gestionarea notificărilor în PDF de documente prin JavaScript
Biblioteca open source JavaScript React-PDF oferă programatorilor posibilitatea de a gestiona programatic diferite tipuri de adnotări în cele PDF de documente. Vă rugăm să rețineți că utilizatorul trebuie să includă foaia de stil necesară pentru afișarea corectă a adnotărilor. Acesta permite utilizatorilor să lumineze, text, cerneală, notă, forme și mai mult cu ușurință.
Cum să gestionați legăturile externe în Pos prin 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 (
);
}
