Insertar un .pdf en cualquier página web

Categorías:  Web
Etiquetas:  html

Google añadió hace ya un tiempo soporte para PDF a su suite Google Docs, procesando los documentos para mostrarlos en una página web, sin flash ni nada. El truco que os voy a enseñar se basa en ese visor/conversor, de tal forma que podremos incrustar un PDF en una página web de manera muy sencilla y totalmente nativa para el navegador. Para hacer eso, tenemos que modificar y poner este código allá dónde queramos que aparezca el PDF:

<iframe src="http://docs.google.com/gview?url=http://victorpimentel.com/stuff/rubik.pdf&embedded=true" style="width:500px; height:375px;" frameborder="0"></iframe>

La URL a modificar será http://tupaginaweb.com/stuff/rubik.pdf, y tienes que reemplazarla por la dirección dónde está tu PDF. Otros servicios como Scribd ofrecen resultados similares, pero casi todos nos obligan a subir el documento a sus servidores. Este truco funciona con cualquier PDF subido a cualquier página web, así que en la mayoría de los casos será más rápido si apuntas este código para cuando lo necesites. Como bonus, también funciona con presentaciones Powerpoint en PPT.


Por otro lado puede mostrarse un PDF embebido dentro de un HTML con el siguiente código:

<html> <body> <embed src=”manual.pdf” width=”500″ height=”375″> </body> </html>

De esta manera, 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).

Fuente

Entradas relacionadas: