El ejemplo se realiza con un módulo de este editor de código, sería posible realizarlo con cualquier otro que disponga de un plugin livereload o por medio de técnicas alternativas para el mismo fin.
- Instalar el plugin Live Server en Visual Studio Code (https://github.com/ritwickdey/live-server-web-extension/blob/master/docs/Setup.md)
- Extraer la diapositiva deseada de Genially, utilizando botón derecho > guardar como ...
- Una vez en la carpeta con el contenido (aparece un archivo .html y una carpeta con todo lo necesario) bastará con pulsar botón derecho sobre el archivo deseado . y "open con live reload"
Lamentablemente las extensiones scape y el propio genially hacen "cosas" así que no se puede guardar y listos.. hay que prepararlo "un poco"
- Malas noticias: la etiqueta "base" la que lleva toodo el código, no se puede poner tal cual. En mi caso la he puesto vacía. Es decir le dejé la parte de texto y quité todo el código, dejándola "inútil" pero ya agrupada
- Publiqué la presentación y navegé hasta la diapositiva que deseaba
- Además y dado que hay algunos javascript que posteriormente dan problemas pues con el chrome developer tools limpié todo lo no deseado
- google tags
- una extensión confianza de datos
- incluso limpié un poco el html con cosas "sobrantes" ejemplo recomendaciones
- Tras los preparativos si que fue botón derecha + "guardar como"
Claro, a estas alturas tenemos las diapositiva sin código... Pues habrá que localizar donde se encuentra nuestra etiqueta base con el <script></script> vacio y bueno ahí añadirle el código de la extenión
Si al entrar en livereload da errores de ejecución y son script que no has eliminado del genially original... lo mejor es borrarlos sin contemplaciones
Puede parecer mucho preparativo, pero si estás modificando una extensión y tienes que hacer el:
- desagrupa
- borra
- pega en insertar
- inserta
- agrupa
- lanza diapositiva
por cada error :( te da un yuyu.... asi que en muy poco que lo intentes te ahorras mucho tiempo