El componente personalizado no atrae el estilo en la primera adición.
La miniatura/imagen que pone en el editor debería escalarse para ajustarse al contenedor. Lo veo en tamaño original en la primera carga, todos los bloques posteriores encajan correctamente en la columna en la que se insertan. Si miras el código de exportación, también puedes ver que la primera vez que colocas un bloqu...
Lee la respuesta completa abajo ↓Pregunta
Fiddle replicando el problema: https://jsfiddle.net/gd8mo3e4/1/
Tengo un componente personalizado para crear una galería de documentos pdf. Hay un gestor de activos personalizado que se abre cuando el bloque se coloca en el editor, para permitirte elegir el pdf que luego cambia la miniatura.
El problema que tengo es que al recargar una página nueva, la primera vez que insertas un nuevo bloque PDF, no importa los estilos del modelo. Si lo borras y añades un bloque nuevo, sí lo hace.
Esto se puede ver creando columnas y colocando un bloque pdf en ellas.
Respuestas (3)
La miniatura/imagen que pone en el editor debería escalarse para ajustarse al contenedor. Lo veo en tamaño original en la primera carga, todos los bloques posteriores encajan correctamente en la columna en la que se insertan. Si miras el código de exportación, también puedes ver que la primera vez que colocas un bloque, no actualiza el css. En bloques posteriores se añade
Un par de capturas de pantalla que demuestran el comportamiento que estoy viendo...
<img width="1021" alt="Captura de pantalla 2019-11-06 at 11 32 16" src="https://user-images.githubusercontent.com/19346508/68294968-394ba600-0089-11ea-941a-e441d3469c6f.png"> <img width="1003" alt="Captura de pantalla 2019-11-06 at 11 32 33" src="https://user-images.githubusercontent.com/19346508/68294986-3fda1d80-0089-11ea-8be3-323152923b73.png">supongo que esto está relacionado con este y probablemente con este @artf
Mmm, no realmente
Cambiar 'modelThumbElement.setAttributes({"data-gallery":nombrefile});' para usar 'addAttributes' parece solucionarlo, pero no estoy seguro de qué está pasando realmente (esperaría el comportamiento "incorrecto" todo el tiempo, no solo la primera vez). Investigaré esto más tarde
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1860
[Bug] Activar la zona de caída a tamaño completo abre el modal de activo cada vez que dejas caer un bloque sobre el lienzo.
Creo que lo que puede estar pasando es que no se comprueba si realmente es una imagen la que se está dejando caer en el lienzo. Consulta es...
Issue #2542
[Pregunta] Componente similar a una imagen con gestor de activos propio
¡Hola a todos! Tengo una pregunta sobre mi problema, que quiero resolver durante aproximadamente un mes. La pregunta es: ¿Puedo crear un co...
Issue #391
¿CSS en espacio de nombres?
Hola, ¿Hay alguna forma de configurar el editor grapesjs de modo que el CSS generado para el contenido HTML esté espaciado en nombres? En o...
Issue #2972
HAZAÑA: Desactivar los scripts en el lienzo
Hola, antes que nada, gracias por una herramienta tan estupenda. En mi proyecto me encontré con el problema de que tengo que desactivar los...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.