แสดง PDF ไฟล์ในแอปปฏิกิริยาของคุณโดยไม่มีปัญหาผ่าน React-PDF
React-PDF ช่วยให้คุณสามารถแสดงไฟล์ PDF ไฟล์เช่นถ้าเป็นภาพในแอปตอบสนองโดยไม่ยุ่งยากใด ๆ หรือใช้ปลั๊กอินหลายตัว
มีนักพัฒนาหลายครั้งจําเป็นต้องเพิ่ม Pos เพื่อตอบสนองการใช้งานและในขณะที่มันสามารถยากที่จะได้รับความละเอียดการปรับขนาดหรือเค้าโครงขวา React-DF ช่วยให้คุณเพิ่ม Pos ลงในแอ็พพลิเคชันตอบสนองเช่นภาพ ฟรีดาวน์โหลดโอเพนซอร์สและแพ็คเกจที่สมบูรณ์ ทําปฏิกิริยากับ PDF ได้รับการพัฒนาโดยใช้ JavaScript และ CSS และเข้ากันได้อย่างสมบูรณ์สําหรับการใช้งานปฏิกิริยาใด ๆ
มีหลายรุ่นของ React-DF ปัจจุบันที่มีอยู่, กับล่าสุด React-DF v5. รุ่นอื่น ๆ อย่างต่อเนื่องได้รับการแก้ไขข้อผิดพลาดและการปรับปรุงเช่นกัน, อย่างไรก็ตาม, โดยใช้ React-DF v5 จะให้ผลลัพธ์ที่ดีที่สุด.
เพื่อที่จะใช้ React-DF ตรวจสอบให้แน่ใจว่าแอปพลิเคชัน React ของคุณใช้ React เวอร์ชันล่าสุดเช่น ทําปฏิกิริยา 16.3 หรือใหม่กว่า ในกรณีที่คุณใช้ React เวอร์ชันเก่าแล้วคุณจะต้องใช้เวอร์ชันเก่าของ React-DF
เริ่มต้นด้วย React-DF
คําแนะนําและวิธีที่ง่ายที่สุดในการเริ่มต้นคือการติดตั้งผ่าน num ด้านล่างคือคําสั่ง
ติดตั้ง React-DF ผ่าน num
npm install react-pdf คุณสามารถติดตั้งด้วยตนเองได้ ดาวน์โหลดไฟล์รุ่นล่าสุดโดยตรงจากที่เก็บ GitHub
Non-Latin ตัวละคร Rendering ในฟรี JavaSrcipt API
ห้องสมุดแบบ Open Source React-DF ช่วยให้ผู้พัฒนาซอฟต์แวร์สามารถสร้างตัวละครที่ไม่ใช่ภาษาละตินได้ในโปรแกรมโดยใช้คําสั่ง JavaScript React-PDF มีการสนับสนุนตัวละคร non-Latin ตัวและถ้าคุณต้องการตรวจสอบให้แน่ใจว่าตัวละคร non-Latin ตัวใด ๆ จะแสดงผลอย่างถูกต้องเมื่อ PDF แสดงอยู่ในโครงการคุณสามารถทําได้ด้วย cMaps คัดลอกจาก pdfs-dist
โหลดหน้าเดียวหรือหลายหน้าโดยใช้ฟรี JavaScript API
แท็กเอกสารช่วยให้คุณสามารถโหลด PDF doc ที่ผ่านไฟล์ prop. ด้วยแท็กนี้คุณสามารถโหลดหน้าเดียวหรือหลายหน้าหรือเพิ่มการนําทางด้วยเช่นกัน นอกจากนี้คุณยังสามารถเน้นข้อความในหน้าแสดงตารางของเนื้อหาในแบบโต้ตอบและให้การเชื่อมโยงภายนอกเช่นกัน
วิธีการแสดงหน้าเดียว PDF ผ่าน JavaScript API
import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
return (
);
}
จัดการ Annotations ใน 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 (
);
}
