Відображення PDF Файлів у вашому React App без проблеми через React-PDF
React-PDF дозволяє відображати PDF файли, якщо вони були зображення в додатку React без будь-яких додатків.
Розробникам часто доводиться додавати PDF-файли до React-додатків, і хоча це може бути нелегко визначити правильну роздільну здатність, розмір або макет, React-PDF дозволяє додавати PDF-файли до React-додатку так само, як зображення. Безкоштовне завантаження, відкритий код і повний пакет. React PDF було розроблено з використанням JavaScript і CSS і повністю сумісно з будь-якою програмою React.
Є багато версій React-DF в даний час, з останніми є React-DF v5. За допомогою React-DF v5 буде надавати оптимальні результати.
Для того, щоб використовувати React-DF, переконайтеся, що програма React використовує останню версію React i.e. React 16.3 або пізніше. Якщо ви використовуєте старі версії React, то вам доведеться використовувати старі версії React-DF.
Почати роботу з React-DF
Рекомендувати і найпростіший спосіб, щоб розпочати роботу, щоб встановити через num, нижче, це команда.
Встановлення React-DF через нумерацію
npm install react-pdf Ви також можете встановити його вручну; завантажте останні випуски файлів безпосередньо зі сховища GitHub.
Non-Latin Характеристика Рендеринг в Free JavaSrcipt API
Русский EnglishРусскийУкраїнськаPolskiItalianoEspañol汉语Bahasa Indonesiaहिन्दीPortuguês日本語DeutschFrançaisภาษาไทยελληνικά اللغة العربية React-PDF має non-Latin підтримку символів, а також якщо ви хочете переконатися, що будь-які non-Latin персонажів подаються належним чином, коли PDF відображається в проекті, ви можете зробити це з cMaps скопійованих з pdfs-dist.
Завантаження однієї або декількох сторінок PDF за допомогою безкоштовно JavaScript API
Тег документів дозволяє завантажувати PDF doc, що пропускається через файл. За допомогою цього тега ви можете завантажити лише одну або декілька сторінок, або додати навігацію. Ви також можете виділити текст на сторінці, показати таблицю змісту інтерактивним способом, а також надати зовнішні посилання.
Як відобразити одну 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 документів. Будь ласка, будь ласка, пам'ятайте, що потрібно вказати стильний аркуш, необхідний для анотації, щоб правильно відображатися. Дозволяє користувачам випускати, текст, чорнило, замітка, форми та багато іншого з легкістю.
Як ручити зовнішні посилання в Пос через 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 (
);
}
