Problema de reemplazar componente en el modo de arrastre absoluto
El código, más o menos, parece aceptable, asegúrate de comprobar que 'styles' contiene las propiedades de posición (y el componente también tiene la posición absoluta). Si aún no funciona, intenta crear una demo reproducible, por favor
Lee la respuesta completa abajo ↓Pregunta
Tengo un problema para reemplazar un componente en la misma posición (arriba/izquierda), el nuevo componente siempre se añade en las posiciones arriba: 0px / izquierda: 0px;
Estoy probando algo así:
'''js const selectedComponent = editor.getSelected(); const coll = selectedComponent.collection; const at = coll.indexOf(selectedComponent);
var styles = selectedComponent.getStyle() || {};
coll.remove(selectedComponent);
let newComponent = coll.add(component, { fromAddNewComponent: cierto, En: En, });
newComponent .setStyle(styles);
Pero setStyle() no funciona esta vez...
Respuestas (1)
El código, más o menos, parece aceptable, asegúrate de comprobar que 'styles' contiene las propiedades de posición (y el componente también tiene la posición absoluta). Si aún no funciona, intenta crear una demo reproducible, por favor
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3337
Pregunta: Usa las flechas para mover bloques en el lienzo configurado en modo de posicionamiento absoluto
Hola, estoy creando una solución para que los estudiantes cuenten sus experiencias en el instituto como diapositivas hechas desde el editor...
Issue #1262
Celda editable
Hola, Estoy usando GrapesJS para newsletters (con el plugin gjs-preset-newsletter) y tengo un problema al importar código. No puedo editar...
Issue #705
Arrastre el marcador de posición para elementos renderizados
¡Hola! Estoy revisando el código e intentando conseguir un efecto marcador mientras arrastro el elemento. Algo similar ya existe para arras...
Issue #3200
Necesito ayuda: ¿Conseguir el componente sobre el que se deja caer un bloque?
Hola, Si arrastro y suelto un bloque en un componente añadido dinámicamente, ¿cómo puedo acceder o acceder al componente sobre el que se de...
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.