google docs viewer
iTank ideas

Cómo incrustar documentos en tu web usando Google Docs Viewer

google docs viewer

Muchas veces nos gustaría incrustar documentos en nuestra web manteniendo el aspecto y navegabilidad original sin horribles conversiones a HTML. Con Google Docs Viewer puedes embeber muchos formatos de  documento en tu web en dos cimples pasos.

Los formatos soportados actualmente son:

  • Microsoft Word (.DOC and .DOCX)
  • Microsoft Excel (.XLS and .XLSX)
  • Microsoft PowerPoint (.PPT and .PPTX)
  • Adobe Portable Document Format (.PDF)
  • Apple Pages (.PAGES)
  • Adobe Illustrator (.AI)
  • Adobe Photoshop (.PSD)
  • Tagged Image File Format (.TIFF)
  • Autodesk AutoCad (.DXF)
  • Scalable Vector Graphics (.SVG)
  • PostScript (.EPS, .PS)
  • TrueType (.TTF)
  • XML Paper Specification (.XPS)
  • Archive file types (.ZIP and .RAR)

Hacerlo es tan sencillo como subirlo a tu website o cualquier servidor que los mantenga accesibles vía HTTP como el directorio public de Dropbox, reemplazar el parámetro documentURL en el texto de abajo e incorporar el código iFrame en tu web

<iframe src="http://docs.google.com/gview?url=documentURL&embedded=true"
style="width:500px; height:400px;" frameborder="0"></iframe>

Mirad algunos ejemplos:

2 thoughts on “Cómo incrustar documentos en tu web usando Google Docs Viewer

    1. Me alegra que te resulte útil Gus pero el mérito en realidad es de Google.

      La parte que me gusta es que los documentos se mantienen en tu servidor y el framework para incrustar/visualizar corre a cargo de Google Docs.

      Abrazo. jmarior

Comments are closed.