Traducir el blog

Cómo insertar archivos Excel en páginas web

🔝To translate this blog post to your language, select it in the top left Google box.


Como este blog es didáctico, la manera que tengo de llegar a mas personas es: insertando archivos Excel en los artículos del blog, con lo que cualquiera puede ver e interactuar con el archivo desde un navegador, sin ni siquiera tener instalado Excel en su equipo.

Algunos ejemplos de archivos insertados en mi blog los puedes probar aquí:

Aunque muchos de los archivos Excel insertados en mi blog, y en cualquier blog o página web, han dejado de funcionan este año. 😤


Solución alternativa al código para Insertar

En febrero denuncié un problema en Microsoft OneDrive. Se puede leer aquí:

Hace unos meses existía la posibilidad de personalizar la forma de insertar archivos Excel en un blog o en una página web directamente, con el código HTML generado por Microsoft OneDrive.

Ahora mismo el código generado para insertar un archivo Excel:

  • No permite elegir lo que se mostrará.
  • No permite cambiar la apariencia.
  • No permite la interacción con el archivo.
  • No permite cambiar las dimensiones de la hoja activa.

Workaround: Pero no va a ser un problema a partir de ahora, pues aquí voy a dar una solución alternativa al problema de OneDrive, que impide interactuar y cambiar la apariencia de los archivos insertados en un blog o en una página web.

Sigue leyendo y aprenderás a modificar el código generado, y podrás insertar archivos Excel en tu blog o web, permitiendo la interacción y la apariencia, tal y como se podía hacer el año pasado directamente con Microsoft OneDrive.


Cómo genera ahora el código para Insertar

Esta es la ventana que aparece actualmente en Microsoft OneDrive para generar el código para Insertar, mostrando el ejemplo de Mi bingo iterativo:

Los pasos para generar el código para Insertar son:

1) Iniciar OneDrive.

2) Ir a la carpeta donde se encuentra el archivo Excel que se quiere insertar.

3) Seleccionar el archivo a insertar, haciendo clic en los 3 puntos a la derecha del nombre del archivo: ...

4) En el menú de acciones desplegado, seleccionar: </> Insertar

5) Aparece una vista previa del archivo Excel y el código para insertar.

6) Presionar el botón: Copiar código para insertar

7) El código copiado del ejemplo es:

<iframe src="https://1drv.ms/x/c/6b219f16da7128e3/IQRZOSIkR7jWRbVEo0Yk132AAUKdWzezYbcYm1P9afBAC5c" width="402" height="346" frameborder="0" scrolling="no"></iframe>

Por lo que no existe actualmente ninguna opción para poder interactuar con el archivo Excel.

¡Es una pena que Microsoft ya no permita personalizar el código para Insertar!

¡Sigue leyendo y podrás modificar el código generado con las explicaciones que daré más adelante!

¡Y podrás interactuar con el archivo insertado en tu blog o en tu página web!


Cómo generaba antes el código para Insertar

Hasta el año pasado Microsoft OneDrive permitía personalizar el código generado para insertar un archivo Excel en un blog o en una página web.

En la imagen de la izquierda había un enlace ¡que ha desaparecido! para:

Personalizar la forma en que este libro insertado se mostrará a otros usuarios

Haciendo clic en ese enlace, se abría una ventana para personalizar la inserción de un archivo en un blog o en una Web.

La imagen de abajo es un ejemplo de la ventana con la que se podía personalizar la inserción del archivo, con la posibilidad de modificar lo siguiente:

  • Qué se mostrará
  • Apariencia
  • Interacción
  • Dimensiones

Con la personalización seleccionada en la imagen anterior, se generaba ¡hasta el año pasado! el siguiente Código para insertar:

Este código ya no es posible generarlo en Microsoft OneDrive, como denuncié aquí:

A continuación explicaré cómo modificar el código para insertar un archivo, para que funcione de forma similar al anterior.


Cómo modificar el código para Insertar

Usaré como ejemplo el archivo con mi bingo iterativo, al que puedes jugar desde mi blog, pues lo inserté en este artículo:

El código que genera mi OneDrive para insertar este archivo es el siguiente:

Como el código anterior no permite la interacción con el archivo insertado, le he añadido algunos cambios para poder interactuar con el archivo y modificar su apariencia.

El código resultante es el siguiente, que no se puede personalizar desde Microsoft OneDrive, sino que hay que modificarlo manualmente antes de insertarlo en un blog o en una página web:  

Los cambios realizados en el código generado son los siguientes:

  • Interacción
    • Permitir que los usuarios escriban en las celdas: AllowTyping=True
    • Comenzar siempre con esta celda seleccionada: ActiveCell=BINGO!Q2
  • Apariencia
    • Ocultar líneas de cuadrícula: wdHideGridlines=True
    • Ocultar encabezados de fila y columna: wdHideHeaders=True
    • Incluir el vínculo de descarga: wdDownloadButton=True
  • Dimensiones
    • Ancho aumentado: width="640"
    • Alto aumentado: height="580"
  • Personalización
    • Sin borde: frameborder="0"
    • Sin desplazamiento vertical: scrolling="no"

Si estás acostumbrado a modificar código HTML, serás capaz de adaptarlo modificando los parámetros comentados.

Si no usas habitualmente código HTML, es fácil copiar el código anterior y cambiar el valor de los parámetros a True o a False, o a "yes" o "no".


Vídeo con los códigos para Insertar

Vídeo en el que explico cómo insertar archivos Excel en blogs o páginas Web.


Ejemplo de Excel insertado en mi blog

Un ejemplo notorio, por el número de visitas que recibe últimamente, es el del Tablero Kanban que publiqué aquí:

Puedes probarlo a continuación, pues lo he insertado aquí:

Para ajustar el zoom en la nube:

  • En el móvil o celular usa dos dedos en la pantalla, como haces para ampliar o reducir una foto.
  • En el PC sitúa el cursor dentro del buscador y presiona la tecla <Control> girando la ruleta del ratón.

AVISO: No se guardan los cambios que hagas en mi nube. Para guardar tus cambios tienes que hacer una copia en tu nube de OneDrive.


Conclusión

Con esta solución alternativa al problema de Microsoft OneDrive se puede insertar un archivo Excel, en un blog o en una página web, permitiendo cambiar su apariencia y hacerlo interactivo.

Solo me queda editar cada artículo del blog, en el que tengo un Excel insertado, y aplicar esta solución alternativa... 😤

Creo que no me llevará tanto tiempo como le va a costar a Microsoft hacer que OneDrive permita personalizar el código generado para insertar archivos Excel, como lo hacía hasta el pasado año...

Mi lista de blogs