Visualizzare PDF file nell'app React senza problemi tramite React-PDF
React-PDF consente di visualizzare PDF file come se fossero immagini in un'app React senza problemi o utilizzando più plugin.
Ci sono molte volte gli sviluppatori devono aggiungere applicazioni Pos to React, e mentre può essere difficile ottenere la risoluzione, dimensionamento o layout a destra, React-DF consente di aggiungere Pos ad un'applicazione React proprio come le immagini. Il suo download gratuito, open source, e un pacchetto completo. React PDF è stato sviluppato utilizzando JavaScript e CSS ed è completamente compatibile per qualsiasi applicazione React.
Ci sono molte versioni di React-DF attualmente disponibili, con l'ultima versione di React-DF v5. Le altre versioni ottengono continuamente correzioni di bug e aggiornamenti, tuttavia, utilizzando React-DF v5 darà risultati ottimali.
Per poter utilizzare React-DF assicurati che l'applicazione React utilizzi l'ultima versione di React cioè. Reagire 16.3 o più tardi. Nel caso in cui, si sta utilizzando versioni precedenti di React, allora si dovrà utilizzare le versioni precedenti del React-DF.
Iniziare con React-DF
Il modo più semplice e consigliabile per iniziare è quello di installare via num, sotto è il comando.
Installare React-DF tramite num
npm install react-pdf Puoi anche installarlo manualmente; scarica i file dell'ultima versione direttamente dal repository GitHub.
Non-Latin Characters Rendering in Free JavaSrcipt API
La libreria open source React-DF consente agli sviluppatori di software di rendere programmaticamente i caratteri non latini all'interno della propria applicazione utilizzando JavaScript comandi. React-PDF ha anche non-Latin caratteri di supporto, e se si desidera assicurarsi che qualsiasi non-Latin caratteri sono resi correttamente quando un PDF viene visualizzato in un progetto, si può ottenere fatto con cMaps copiati da pdfs-dist.
Carico singolo o multiplo PDF pagine utilizzando Gratis JavaScript API
Il tag Document consente di caricare un PDF doc che è passato attraverso il File prop. Con questo tag è possibile caricare una singola o più pagine, o aggiungere anche la navigazione. È inoltre possibile evidenziare il testo in una pagina, mostrare la tabella dei contenuti in modo interattivo, e fornire link esterni pure.
Come visualizzare la pagina singola PDF tramite JavaScript API
import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
return (
);
}
Gestione delle annotazioni in PDF Documenti via JavaScript
La libreria open source JavaScript React-PDF offre ai programmatori software la possibilità di gestire programmaticamente vari tipi di annotazioni all'interno dei loro PDF documenti. Si prega di ricordare che le esigenze dell'utente di includere stile-sheet necessario per le annotazioni per essere correttamente visualizzato. Consente agli utenti di Evidenziare, testo, inchiostro, nota, forme e altro ancora con facilità.
Come gestire i collegamenti esterni in Pos via 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 (
);
}
