Zeigt PDF Dateien in Ihrem React-App ohne Probleme durch React-PDF
React-PDF erlaubt es Ihnen, PDF Dateien anzuzeigen, als ob es sich um Bilder in einer React-Anwendung handelt, ohne Probleme zu haben oder mehrere Plug-Ins zu verwenden.
Es gibt viele Male Entwickler, die Pos zu React-Anwendungen hinzufügen müssen, und während es schwierig sein kann, die Auflösung, Größe oder Layout richtig zu bekommen, können Sie mit dem React-Programm Pos zu einer React-Anwendung hinzufügen, genau wie Bilder. Es ist kostenlos zum Download, Open Source und ein komplettes Paket. React PDF wurde mit JavaScript und CSS entwickelt und ist für jede React-Anwendung vollständig kompatibel.
Es gibt derzeit viele Versionen von React-DF, wobei die neueste Version React-DF v5 ist. Die anderen Versionen erhalten auch immer wieder Fehlerbehebungen und Aktualisierungen, aber mit React-DF v5 wird das optimale Ergebnis erzielt.
Um React-DF benutzen zu können, stellen Sie sicher, dass Ihre React Anwendung die neueste Version von React i.e. React 16.3 oder neuer. Falls Sie ältere Versionen von React verwenden, müssen Sie die älteren Versionen des React-DF verwenden.
Starten mit React-DF
Der empfohlene und einfachste Weg zum Starten ist die Installation über num, unten ist der Befehl.
Installieren Sie React-DF über num
npm install react-pdf Sie können es auch manuell installieren; Laden Sie die neuesten Release-Dateien direkt aus dem GitHub-Repository herunter.
Non-Latin Zeichen Rendering in Free JavaSrcipt API
Die Open Source React-DF Bibliothek ermöglicht es Software-Entwicklern, nicht-lateinische Zeichen innerhalb ihrer eigenen Anwendung mit JavaScript Befehlen zu programmieren. React-PDF unterstützt auch non-Latin Zeichen und wenn Sie sicherstellen wollen, dass non-Latin Zeichen korrekt dargestellt werden, wenn eine PDF Zeichen in einem Projekt angezeigt werden, können Sie sie mit cMaps kopierten von pdfs-dist durchführen.
Einzelne oder mehrere PDF Seiten mit Free JavaScript API API
Mit dem Dokument-Tag können Sie PDF doc laden, die über die Datei-Probe übergeben werden. Mit diesem Tag können Sie entweder einzelne oder mehrere Seiten laden oder auch Navigation hinzufügen. Sie können auch Text auf einer Seite hervorheben, Inhaltsverzeichnis interaktiv zeigen und auch externe Links anbieten.
How to Display Single PDF Page via JavaScript API
import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
return (
);
}
Anmerkungen in PDF Dokumenten über JavaScript
Die Open Source JavaScript Bibliothek React-PDF gibt Softwareprogrammierern die Möglichkeit, verschiedene Arten von Anmerkungen innerhalb ihrer PDF Dokumente zu programmieren. Bitte denken Sie daran, dass der Benutzer Stilvorlagen einbinden muss, die für die korrekte Darstellung von Anmerkungen notwendig sind. Es ermöglicht Benutzern, mit Leichtigkeit hervorzuheben, Text, Tinte, Notizen, Formen und vieles mehr.
How to Handle Externe Links in Posen 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 (
);
}
