No se puede arrastrar un elemento si el estilo tiene valores inferiores o derechos
Pregunta
Hola @artf,
Si algún componente CSS tiene valores inferiores o derechos, no se pueden arrastrar a ellos. Los valores se generan como NaN. Adjunto la captura de pantalla para tu referencia.
! imagen
Respuestas (3)
¿Se puede crear una demo reproducible?
¿Puedes crear una demo reproducible?
Hola @artf
Aquí está el enlace de la demostración https://jsfiddle.net/fn43hpj1/2/
Puedes comprobar el componente 'Popup'. Como en modo arrastrable el estilo se sobrescribe, estoy recibiendo el método de estilo y actualización en Render.
Como en modo arrastrable el estilo se sobrescribe, me sale el método de estilo y actualización en Render.
Sí, eso se arreglará en la próxima versión, lo comprobaré más adelante con tu ejemplo
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3512
Los elementos hijos no se pueden arrastrar, se pueden soltar y se pueden resaltar. también el CSS de todos los elementos hijos que no se insertan en la sección de estilo mientras se desarrolla un componente banner en un plugin
Hola @artf, Estoy intentando desarrollar un plugin sencillo para banners que incluya un encabezado, un subtítulo y un enlace. y cada elemen...
Issue #3404
Problema con el Style Manager.
Hola @artf quiero ocultar y mostrar propiedades de estilo para un componente específico. Tras referenciar este problema https://github.com/...
Issue #5049
Problema al arrastrar un componente compuesto por imagen y enlace
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Brave Enlace de demo reproduci...
Issue #3783
Texto superpuesto RTE cuando el componente de texto está al 100% de altura
Versión GrapesJS Por favor, ayudadme; puede que esto se haya solucionado en algún sitio, pero revisé los problemas y no encontré ninguno; h...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.