Inicio rápido de JavaScript: ComPDKit PDF SDK crea rápidamente un lector de PDF del lado web

Inicio rápido de JavaScript: ComPDKit PDF SDK crea rápidamente un lector de PDF del lado web

Trabajar con documentos PDF se ha convertido en una necesidad para las empresas y los desarrolladores en el rico entorno web actual. ComPDFKit es un potente SDK de PDF compatible con la plataforma web, y los desarrolladores pueden usarlo para crear visores y editores de PDF, lo que permite a los usuarios finales ver y editar archivos PDF fácilmente. Ya sea que esté creando un sistema de administración de documentos basado en la web o una plataforma de colaboración en línea, ComPDFKit puede proporcionarle las herramientas y funciones que necesita para llevar su aplicación al siguiente nivel.

En este blog, primero exploraremos los pasos necesarios para integrar el SDK de PDF de ComPDFKit y construir un lector de PDF web usando ComPDFKit.

Primeros pasos con ComPDFKit PDF SDK para Web

ComPDFKit es un poderoso PDF SDK. Puede incrustar fácilmente ComPDFKit PDF SDK en su aplicación web con solo unas pocas líneas de código Javascript. Comencemos en unos minutos.

A continuación, se presentarán los requisitos para usar ComPDFKit PDF SDK, la estructura del paquete de instalación y cómo crear un lector de PDF web en Javascript.

Las siguientes secciones presentan los requisitos, la estructura del paquete de instalación y cómo crear un lector de PDF web en Javascript con ComPDFKit PDF SDK.

Requerir

ComPDFKit PDF SDK for Web no depende de Node.js y npm, pero los necesita cuando se ejecuta en el entorno de desarrollo.

• La última versión estable de Node.js.
• Antes de ejecutar el entorno de desarrollo, debe tener instalados Node.js y npm.
• ComPDFKit PDF SDK para Web es compatible con la mayoría de los principales navegadores, es mejor usar la última versión. El navegador IE no es compatible actualmente.

Estructura del paquete web

Puede ponerse en contacto con nosotros para obtener nuestro paquete de instalación PDF SDK. Descargue y descomprima el paquete ComPDFKit PDF SDK for Web. Verá todos los archivos siguientes en el paquete SDK.

- ComPDFKit-Web-Viewer-Demo - Carpeta que contiene proyectos web de ejemplo.

- Lib - Carpeta que contiene ComPDFKit SDK.

- ComPDFKit Web Viewer.md - Documentación para desarrolladores y documentación de referencia de la API.

​ - Core&UI.txt - Acuerdo de uso de código de terceros.

​ - legal.txt - Información legal y de derechos de autor.

​ - release_note.txt - Release信息。

[Falló la transferencia de la imagen del enlace externo, el sitio de origen puede tener un mecanismo anti-leeching, se recomienda guardar la imagen y cargarla directamente (img-e9KDImBu-1690534369668)(./pics/folder.png)]

Creación de un lector de PDF web con JavaScript

Aquí lo ayudará a comenzar rápidamente a usar ComPDFKit PDF SDK for Web para crear aplicaciones web en Javascript a través de instrucciones paso a paso. Siguiendo los pasos a continuación, tendrá una aplicación web simple que puede mostrar el contenido de un archivo PDF específico.

Paso 1: agregue el paquete ComPDFKit PDF SDK

1. Agregue la carpeta @comppdfkit a la raíz de su proyecto o al directorio lib debajo del directorio de activos . Esto servirá como archivo de importación para ComPDFKit PDF SDK for Web y lo importará a su proyecto.

2. Agregue la carpeta del visor web que contiene los archivos de recursos estáticos necesarios para ejecutar ComPDFKit Web Viewer y la carpeta de ejemplo que contiene archivos PDF de muestra a la carpeta de recursos estáticos de su proyecto.

3. Agregue la carpeta del visor web que contiene los archivos de recursos estáticos necesarios para ejecutar ComPDFKit PDF SDK for Web a la carpeta de recursos estáticos del proyecto.

Parte 2: Mostrar documentos PDF

1. Importe el archivo webviewer.js en la carpeta @comppdfkit a su proyecto.

2. Llame para ComPDFKitViewer.init()inicializar ComPDFKit Web Viewer en su proyecto.

3. Pase la dirección del PDF para mostrar y la clave de licencia a la función de inicio

// Import the JS file of ComPDFKit Web Viewer
import ComPDFKitViewer from "/@compdfkit/webviewer";
const viewer = document.getElementById('webviewer');
ComPDFKitViewer.init({
    
    
  pdfUrl: 'Your PDF Url',
  license: 'Input your license here'
}, viewer)
.then((core) => {
    
    
  const docViewer = core.docViewer;
  console.log('ComPDFKit Web Viewer loaded');
})

4. Después de que se ejecuta el proyecto, puede ver el archivo PDF que se mostrará.

solución de problemas

Si tiene problemas para integrar ComPDFKit PDF SDK for Web, no dude en ponerse en contacto con el equipo de ComPDFKit .