Breaking

Post Top Ad

Your Ad Spot

domingo, 10 de marzo de 2019

Cómo incrustar un documento PDF en una página web HTML

Generalmente, se utiliza un hipervínculo para vincular un documento PDF para mostrar en el navegador. El enlace de anclaje HTML es la forma más fácil de mostrar un archivo PDF. Pero si desea mostrar un documento PDF en la página web , el archivo PDF debe estar incrustado en HTML. La etiqueta HTML < incrustar > es la mejor opción para incrustar documentos PDF en la página web. En este tutorial, le mostraremos cómo mostrar un archivo PDF en la página web utilizando la etiqueta HTML < embed >.
La etiqueta HTML < embed > define un contenedor para cargar contenido externo. Los siguientes parámetros se pueden especificar en la etiqueta embed >.
  • src : especifica la ruta del archivo externo para incrustar.
  • tipo : especifica el tipo de medio del contenido incrustado.
  • ancho : especifica el ancho del contenido incrustado.
  • altura : especifica la altura del contenido incrustado.

Insertar archivo PDF en HTML

Utilice el siguiente código para incrustar un archivo PDF en la página web HTML.
< embed  src = "files / Brochure.pdf"  type = "application / pdf"  width = "100%"  height = "600px" />
Ahora le mostraremos cómo puede controlar la vista de documentos PDF en la página web. Al usar los parámetros en la URL, puede especificar exactamente qué mostrar y cómo visualizar el documento PDF.
Los siguientes parámetros se utilizan comúnmente para incrustar archivos PDF en HTML o abrirlos en el navegador.
  • page = pagenum : especifica un número (entero) de la página en el documento. La primera página del documento tiene un valor de pagenum de 1.
  • zoom = escala : establece los factores de zoom y desplazamiento, utilizando valores flotantes o enteros. Por ejemplo, un valor de escala de 100 indica un valor de zoom del 100%.
  • view = Fit - Ajusta la vista de la página mostrada.
  • scrollbar = 1 | 0 - Activa o desactiva las barras de desplazamiento.
  • toolbar = 1 | 0 - Activa o desactiva la barra de herramientas.
  • statusbar = 1 | 0 - Activa o desactiva la barra de estado.
  • navpanes = 1 | 0 - Activa o desactiva los paneles de navegación y las pestañas.

Especificando Parámetros en una URL

Puede especificar múltiples parámetros en la URL. Cada parámetro debe estar separado ya sea con un símbolo comercial (&) o un carácter de libra (#). Las acciones se ejecutan de izquierda a derecha y las acciones posteriores anularán las acciones anteriores.
La URL con parámetros se parece a la siguiente.
http://example.com/doc.pdf#Chapter5
http://example.com/doc.pdf#page=5
http://example.com/doc.pdf#page=3&zoom=200,250,100
http://example.com/doc.pdf#zoom=100
http://example.com/doc.pdf#page=72&view=fitH,100

Deshabilitar y ocultar la barra de herramientas en PDF Web Viewer

Este ejemplo muestra cómo ocultar o eliminar la barra de herramientas, los archivos de navegación y la barra de desplazamiento del archivo PDF abierto en HTML < incrustar > usando parámetros en la URL. 
Utilice el siguiente código para incrustar documentos PDF en la página web y eliminar u ocultar la barra de herramientas de PDF incrustado.
< embed  src = "files / Brochure.pdf # toolbar = 0 & navpanes = 0 & scrollbar = 0"  type = "application / pdf"  width = "100%"  height = "600px" />

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas