Gutenberg: Mejorar el flujo para obtener una vista previa de las páginas / publicaciones no guardadas

Creado en 20 oct. 2017 · 3Comentarios · Fuente: WordPress/gutenberg

Resumen del problema

Si carga el contenido de la demostración y presiona Vista previa antes de que el contenido se haya guardado, obtendrá una nueva pestaña vacía en la URL about:blank , que permanece allí durante unos segundos, y luego lo redirige a la vista previa.

Lo que sucede en segundo plano es que tan pronto como presionas la vista previa, realmente guardamos el contenido, pero también abrimos la pestaña del navegador donde finalmente se cargará la vista previa.

Sin embargo, el período de espera es un poco discordante:

preview

Sería bueno si en lugar de cargar about:blank , pudiéramos cargar algo más, una página intermedia que diga "Preparando su vista previa" o algo así. No tiene por qué ser complejo, puede ser una página completamente en blanco con el texto centrado.

[Type] Enhancement

Fuente

jasmussen

👍1

Comentario más útil

Empecé a trabajar en esto , intentaré hacer un PR mañana.

jack-lewin en 23 oct. 2017

❤2

Todos 3 comentarios

Un poco de contexto técnico:

Las ventanas emergentes solo se pueden abrir en respuesta a la interacción del usuario. Por lo tanto, debemos abrir la ventana emergente tan pronto como el usuario haga clic en Vista previa; de lo contrario, no se nos permitirá hacerlo más tarde (no podemos guardar primero en el editor antes de mostrar).

El proceso es:

Vista previa de clics de usuario
La ventana emergente se abre a una página en blanco
La publicación está guardada
Una vez que la publicación termina de guardarse, la página en blanco se redirige a la vista previa

Si bien podríamos dirigir al usuario a otra página, dado que habría un tiempo de carga asociado con esto, otra opción podría ser escribir directamente en la página en blanco con nuestro mensaje intermedio.

Demostración: https://codepen.io/aduth/pen/jGJaYX