Issue #1014💬 RespondidoAbierto el 7 de abril de 2018por tommedemaReacciones 1

Haciendo que el modo vista previa recuerde si el modo de visibilidad debe restaurarse o no

Respuesta rápidapor artf1

Me gusta mucho la idea, ¿qué tal llevar un control del estado de todos los comandos a nivel de 'Comandos'?!? Por ejemplo, en cualquier 'runCommand(CMDID)' lo almacenaremos dentro del objeto 'Commands.active' (por ejemplo, 'active[CMDID] = 1') y se despejará en 'stopCommand'. Luego necesitaremos el método 'Commands.isA...

Lee la respuesta completa abajo ↓

Pregunta

Actualmente, cuando activas el modo de vista previa y luego lo desactivas de nuevo, siempre se activa el modo de visibilidad, incluso si el modo de visibilidad estaba desactivado. Esto puede ser bastante molesto.

Me gustaría crear un PR para arreglar esto, pero agradecería tu consejo porque no estoy siguiendo del todo cómo lo harías correctamente en la forma en que usas backbone.

En 'comandos/vista/Preview.js' tienes la siguiente lógica en la función 'stop':

<img width="385" alt="captura de pantalla 2018-04-06 a las 4 24 34 pm" src="https://user-images.githubusercontent.com/331833/38448138-05a23d7c-39b7-11e8-8ef2-418b429960b5.png">

Ahora, la línea 54 debería volverse condicional. Algo así como:

    if (editor.visibilityMode()) {
        editor.runCommand('sw-visibility');
    }

¿Cómo implementarías este booleano 'visibilityMode'? ¿Esto formaría parte del modelo de componentes?

Respuestas (3)

artf9 de abril de 2018

Me gusta mucho la idea, ¿qué tal llevar un control del estado de todos los comandos a nivel de 'Comandos'?!? Por ejemplo, en cualquier 'runCommand(CMD_ID)' lo almacenaremos dentro del objeto 'Commands.active' (por ejemplo, 'active[CMD_ID] = 1') y se despejará en 'stopCommand'. Luego necesitaremos el método 'Commands.isActive(CMD_ID)' para la comprobación y probablemente también 'Editor.isCommandActive(CMD_ID)' (solo como método proxy). También me gustaría mover la lógica 'runCommand'/'stopCommand' desde 'Editor' y ponerla dentro de los nuevos métodos 'Commands.run/stop' (para que sea más organizado). ¿Qué opinas? ¿Serías capaz de crear una imagen permanente así? :)

tommedema9 de abril de 2018

@artf probablemente pueda hacerlo si puedo hacer algunas preguntas aquí en el camino. Todavía me estoy acostumbrando a Backbone. ¿Dónde pondrías ese objeto 'Comandos'?

¿Podrías explicar más sobre esto?

también me gustaría mover la lógica runCommand/stopCommand desde el editor y ponerla dentro de los nuevos métodos Commands.run/stop (para que sea más organizado).

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.