Εμφανίστε PDF αρχεία στην εφαρμογή αντίδρασης σας χωρίς πρόβλημα μέσω του React PDF.
Το React-PDF σας επιτρέπει να εμφανίσετε PDF αρχεία σαν να ήταν εικόνες σε μια εφαρμογή React χωρίς καμία ταλαιπωρία ή χρήση πολλαπλών plugins.
Υπάρχουν πολλές φορές που οι προγραμματιστές πρέπει να προσθέσουν Pos για να απενεργοποιήσουν τις εφαρμογές, και ενώ μπορεί να είναι δύσκολο να πάρει την ανάλυση, το μέγεθος ή τη διάταξη σωστά, το React-DF σας επιτρέπει να προσθέσετε Pos σε μια εφαρμογή React όπως ακριβώς οι εικόνες. Είναι δωρεάν για λήψη, ανοιχτού κώδικα και ένα πλήρες πακέτο. Το React PDF αναπτύχθηκε με τη χρήση JavaScript και CSS και είναι πλήρως συμβατό για οποιαδήποτε εφαρμογή React.
Υπάρχουν πολλές εκδόσεις του React-DF που είναι διαθέσιμες αυτή τη στιγμή, με το τελευταίο να είναι το React-DF v5. Οι άλλες εκδόσεις λαμβάνουν συνεχώς διορθώσεις bug και ενημερώσεις, ωστόσο, χρησιμοποιώντας το React-DF v5 θα δώσει τα βέλτιστα αποτελέσματα.
Για να χρησιμοποιήσετε το React-DF βεβαιωθείτε ότι η εφαρμογή React χρησιμοποιεί την τελευταία έκδοση του React i.e. Αντισταθείτε στο 16,3 ή αργότερα. Σε περίπτωση που χρησιμοποιείτε παλαιότερες εκδόσεις του React, τότε θα πρέπει να χρησιμοποιήσετε τις παλαιότερες εκδόσεις του React-DF.
Ξεκινώντας με το React-PDF
Ο συνιστώμενος και πιο εύκολος τρόπος για να ξεκινήσετε είναι να εγκαταστήσετε μέσω npm, παρακάτω είναι η εντολή.
Εγκαταστήστε το React-PDF μέσω npm
npm install react-pdf Μπορείτε επίσης να το εγκαταστήσετε χειροκίνητα. κατεβάστε τα αρχεία τελευταίας έκδοσης απευθείας από το αποθετήριο GitHub.
Απόδοση μη λατινικών χαρακτήρων σε δωρεάν JavaSrcipt API
Η βιβλιοθήκη ανοιχτού κώδικα React-PDF επιτρέπει στους προγραμματιστές λογισμικού να αποδίδουν μέσω προγραμματισμού μη λατινικούς χαρακτήρες μέσα στη δική τους εφαρμογή χρησιμοποιώντας εντολές JavaScript. Το React-PDF έχει επίσης υποστήριξη μη λατινικών χαρακτήρων και αν θέλετε να βεβαιωθείτε ότι τυχόν μη λατινικοί χαρακτήρες αποδίδονται σωστά όταν εμφανίζεται ένα PDF σε ένα έργο, μπορείτε να το ολοκληρώσετε με cMaps που έχουν αντιγραφεί από το pdfjs-dist.
Φορτώστε μεμονωμένες ή πολλαπλές σελίδες PDF χρησιμοποιώντας το Free JavaScript API
Η ετικέτα "Έγγραφο" σάς επιτρέπει να φορτώσετε ένα έγγραφο PDF που μεταφέρεται μέσω της βάσης "Αρχείο". Με αυτήν την ετικέτα μπορείτε είτε να φορτώσετε μία ή πολλές σελίδες, είτε να προσθέσετε πλοήγηση. Μπορείτε επίσης να επισημάνετε κείμενο σε μια σελίδα, να εμφανίσετε τον πίνακα περιεχομένων με διαδραστικό τρόπο και να παρέχετε επίσης εξωτερικούς συνδέσμους.
Πώς να εμφανίσετε μία σελίδα PDF μέσω JavaScript API
import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
return (
);
}
Διαχειριστείτε τους σχολιασμούς σε έγγραφα PDF μέσω JavaScript
Η βιβλιοθήκη JavaScript ανοιχτού κώδικα React-PDF δίνει στους προγραμματιστές λογισμικού τη δυνατότητα να διαχειρίζονται μέσω προγραμματισμού διάφορους τύπους σχολιασμών μέσα στα έγγραφα PDF τους. Να θυμάστε ότι ο χρήστης πρέπει να περιλαμβάνει φύλλο στυλ που είναι απαραίτητο για να εμφανίζονται σωστά οι σχολιασμοί. Επιτρέπει στους χρήστες να επισημαίνουν, κείμενο, μελάνι, σημείωση, σχήματα και άλλα με ευκολία.
Πώς να χειριστείτε εξωτερικούς συνδέσμους σε αρχεία PDF μέσω 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 (
);
}
