Está en la página 1de 2

Puede mostrarse un PDF embebido dentro de un HTML con el siguiente cdigo:

<html>
<body>
<embed src=manual.pdf width=500 height=375>
</body>
</html>
Por otro lado, si no queremos que el PDF se pueda guardar, podemos deshabilitar la barra
de herramientas, de esta forma:
<html>
<body>
<embed src=manual.pdf#toolbar=0 width=500 height=375>
</body>
</html>
(agregando #toolbar=0).

Segn cuentas, poda utilizar un visor de Google para incrustar el documento


PDF. Esta solucin era libre, soportada en Google (al parecer) y fcil de
administrar.
Aqu est el cdigo de insercin:
<iframe src="http://docs.google.com/gview?
url=http://example.com/mypdf.pdf&embedded=true" style="width:700px;
height:700px;" frameborder="0"> </iframe>

Explicando el cdigo de Google:


Qu quiere decir esta lnea de cdigo HTML? Es muy fcil comprender su
significado. Para ello voy a separar la etiqueta y parmetros. Ya es tu tarea
volver a armar el cdigo:
IFRAME: Es una etiqueta HTML que se utiliza para incrustar un recurso Web
en el documento actual. Piense en una regin de su pgina donde se carga un
contenido que est en otra parte.

SRC: Este parmetro nos permite indicar la ubicacin del recurso (en este
caso, el PDF). La clave aqu est en modificar la lnea,
conservandohttp://docs.google.com/gview?url=. Al final de URL se anota la
ubicacin del PDF. Por ejemplo, si el documento PDF est en
http://www.veapues.com.co/veo.pdf,

el parmetro SRC debe quedar as:

src="http://docs.google.com/gview?
url=http://www.veapues.com.co/veo.pdf&embedded=true".

Como ve, se conserva:&embedded=true.


STYLE: Para este caso, STYLE nos permite definir el ancho y alto de la
IFRAME. En el cdigo de ejemplo aparece un alto (height) y ancho (width) de
700 pixeles. Solo hace falta cambiar los valores.
FRAMEBORDER: Este parmetro simplemente define el grosor del borde del
IFRAME. Puede dejarlo en cero, es ms bonito.

Listo el pollo:
Y eso es todo. Solo hace falta insertar el cdigo en su pgina Web, guardar
cambios y probar.
Vale recordar que lo importante en la construccin de un sitio Web es la
experiencia de usuario. Busque, experimente e integre soluciones que den
valor a su sitio. Pero, atento, la idea tampoco es saturar su espacio Web con
cuanta arandela sale en Google.
Web: http://juanca.e-lexia.com/2014/04/incrustar-un-pdf-en-una-pagina-web/

También podría gustarte