מציג PDF קבצים באפליקציה שלך ללא בעיה באמצעות React-PDF
React-PDF מאפשר להציג PDF קבצים כאילו היו תמונות באפליקציית React ללא כל הטרחה או שימוש בתוספים מרובים.
יש פעמים רבות מפתחים צריכים להוסיף Pos ליישומי React, ובעוד זה יכול להיות קשה לקבל את הרזולוציה, גודל או פריסה ימינה, React-DF מאפשר לך להוסיף Pos ליישום React בדיוק כמו. חינם להורדה, קוד פתוח וחבילה מלאה. React PDF פותח באמצעות JavaScript ו CSS והוא תואם לחלוטין לכל יישום React.
קיימות גרסאות רבות של React-DF הזמינות כיום, כשהאחרונה היא React-DF V5. הגרסאות האחרות מקבלות ללא הרף תיקוני באגים ועדכונים, עם זאת, באמצעות React-DF V5 ייתן תוצאות אופטימליות.
כדי להשתמש ב-React-DF יש לוודא שהיישום שלך מגיב משתמש בגרסה העדכנית ביותר של React i.e. 16.3 או מאוחר יותר. במקרה, אתה משתמש בגרסאות ישנות יותר של React, אז תצטרך להשתמש בגרסאות ישנות יותר של React-DF.
להתחיל עם React-DF
הדרך המומלצת והקלה ביותר להתחיל היא להתקין באמצעות מספר, להלן הפקודה.
התקנת React-DF באמצעות מספר
npm install react-pdf אתה יכול גם להתקין אותו באופן ידני; הורד את קבצי הגרסה העדכניים ביותר ישירות ממאגר GitHub.
Non-Latin דמויות הנכנסות חינם JavaSrcipt API
ספריית הקוד הפתוח React-DF מאפשרת למפתחי תוכנה להפוך באופן מתוכנת לתווים לא לטיניים בתוך היישום שלהם באמצעות JavaScript פקודות. React-PDF יש non-Latin תווים תמיכה, ואם אתה רוצה לוודא כי כל non-Latin תווים מיוצרים כראוי כאשר PDF מוצג בפרויקט, אתה יכול לעשות את זה עם cMaps עותקים מ pdfs.
טעינה יחיד או מרובה PDF עמודים באמצעות JavaScript API חינם
תג המסמכים מאפשר לך לטעון PDF doc שעוברים דרך תיבת קבצים. עם תג זה אתה יכול לטעון דפים בודדים או מרובים, או להוסיף ניווט גם כן. אתה יכול גם להדגיש טקסט בדף, להציג טבלת תוכן בצורה אינטראקטיבית, ולספק קישורים חיצוניים גם כן.
כיצד להציג עמוד PDF באמצעות JavaScript
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 המסמכים שלהם. אנא זכור כי הצורך של המשתמש לכלול גיליון סגנון הכרחי עבור הערות להיות מוצג כראוי. זה מאפשר למשתמשים להדליק, טקסט, דיו, הערה, צורות ועוד בקלות.
כיצד לטפל קישורים חיצוניים ב Pos דרך 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 (
);
}
