Mostrar PDF archivos en la aplicación de su reacción sin un problema a través del React-PDF
React-PDF le permite mostrar PDF archivos como si fueran imágenes en una aplicación React sin problemas o usando varios plugins.
Hay muchas veces que los desarrolladores necesitan añadir Pos a las aplicaciones React, y aunque puede ser difícil conseguir la resolución, tamaño o disposición correcta, el React-DF le permite añadir Pos a una aplicación React como imágenes. Es libre de descargar, abrir la fuente, y un paquete completo. React PDF se desarrolló utilizando JavaScript y CSS y es completamente compatible con cualquier aplicación React.
Hay muchas versiones de React-DF actualmente disponibles, siendo la última React-DF v5. Sin embargo, las otras versiones siempre obtienen correcciones y actualizaciones de errores, utilizando React-DF v5 dará resultados óptimos.
Para utilizar React-DF, asegúrese de que su aplicación React utiliza la última versión de React i.e. Reacción 16.3 o más tarde. En caso de que esté utilizando versiones anteriores de React, entonces tendrá que utilizar las versiones anteriores del React-DF.
Empezar con el React-DF
La forma más fácil y recomendada de comenzar es instalarse a través de num, abajo está el comando.
Instalar el reactor-DF a través del número
npm install react-pdf También puede instalarlo manualmente; descargue los archivos de la versión más reciente directamente desde el repositorio GitHub.
Non-Latin Caracteres Rendering en Gratis JavaSrcipt API
La biblioteca de fuentes abiertas React-DF permite a los desarrolladores de software a convertir programáticamente personajes no latinos dentro de su propia aplicación utilizando JavaScript comandos. React-PDF tiene non-Latin caracteres de soporte, y si desea asegurarse de que cualquier non-Latin caracteres se renderizan correctamente cuando un PDF se muestra en un proyecto, puede hacerlo con cMaps copiados de pdfs-dist.
Carga individual o múltiple PDF Páginas usando Gratis JavaScript API
La etiqueta del documento le permite cargar un PDF doc que se pasa a través de la Propia del Archivo. Con esta etiqueta puede cargar una sola o múltiples páginas, o añadir navegación también. También puede resaltar el texto en una página, mostrar la tabla de contenidos de manera interactiva y proporcionar enlaces externos también.
Cómo mostrar una sola página PDF vía JavaScript API
import React from 'react';
import { Document, Page } from 'react-pdf';
import samplePDF from './test.pdf';
export default function Test() {
return (
);
}
Nota de gestión en PDF Documentos a través de JavaScript
La fuente abierta JavaScript biblioteca React-PDF le da a los programadores de software la capacidad de administrar programáticamente varios tipos de anotaciones dentro de sus PDF documentos. Recuerde que la necesidad del usuario de incluir la hoja de estilo necesaria para que las anotaciones se muestren correctamente. Permite a los usuarios destacar, texto, tinta, nota, formas y más con facilidad.
Cómo manejar los enlaces externos en Pos vía 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 (
);
}
