Insertar documentos de MS Office (DOC, XLS y PPT) en nuestra página web o blog

Sabemos que existen algunas formas de insertar o, mejor dicho, incrustar un documento en nuestras páginas web por medio de código HTML y hoy en día prácticamente todas las versiones de los navegadores soportan el abrir nuestro PDF en el mismo documento sin pedir que se descargue, pero en ocasiones no es así y es por ello que les comparto este post. Cabe mencionar que también podernos incrustar los documentos populares del MS Office (Word, Excel y Powerpoint).

Visor de documentos online de MS Office nos permite ver documentos en línea sin necesidad de salir del navegador, por medio de un visor (iframe), tan sólo insertando el siguiente código html en nuestra web o blog.

 

<iframe src="//view.officeapps.live.com/op/embed.aspx?src=AQUI-LA-URL-ARCHIVO.EXTENSION" style="width:100%; height:50%; border: none;min-height:500px;"></iframe>

  • AQUI-LA-URL-ARCHIVO.EXTENSION, reemplazar por la dirección o URL completa donde está publicado el documento (doc, xls, ppt).
  • width, ancho del documento en pixeles.
  • height, altura del documento en pixeles

 

Ver artículo referenciado

También te podría gustar...

6 Respuestas

  1. Carlos dice:

    Me aprece un error, de vista previa no disponible, como se corrije???

  2. mermelado dice:

    Me parece un aporte muy útil, al menos a mí me ha venido muy bien para mi web y me ha ahorrado código. Muchas gracias

  3. javier dice:

    Donde esta el archivos? si lo tengo en un html donde debo poner el archivo, me manda el error que dice carlos, gracias

  4. Kenny dice:

    Muchas gracias, ha sido de mucha ayuda.

  5. Pato dice:

    Pudieron solucionar su problema?? Carlos, Javier?

  6. He actualizado el post debido a que en Google ya no está disponible la opción, pero afortunadamente, Microsoft a creado el “Visor de documentos online de MS Office” que incluso tiene mejor efecto visual al parecerse a su propio entorno.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *