Componente de arrastre con su padre
Hola artf, Me gustaría empezar dándote las gracias por el excelente trabajo que has hecho. En segundo lugar, me gustaría saber si existe alguna forma posible de mover un componente con su(s) padre(s) al arrastrarlo de una celda a otra. La razón por la que pregunto esto es que creé un bloque de botones que renderiza un...
Lee la respuesta completa abajo ↓Pregunta
ADVERTENCIA
LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el número
- Seguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md
- Utiliza los Números de GitHub EXCLUSIVAMENTE para ERRORES, SOLICITUDES DE FUNCIONALIDADES o PREGUNTAS. Prefijo el título del problema con su contexto, por ejemplo, '[Bug]: ....'
- Haz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problema
- NO PIDAS crear ejemplos/código para ti, lee primero DOCS y APIs, luego puedes publicar lo que has probado (nos gustaría ver tu código) y lo que no puedas lograr
- Todas las afirmaciones/preguntas relativas deben ser respondidas/completadas, de lo contrario, el asunto podría quedar CERRADO
Estás enviando un BUG
- ¿Estás usando la última versión (las versiones anteriores NO están soportadas)?
- Si no estás seguro, escribe 'grapesjs.version' en la consola y pulsa ENTER
- ¿Te enfrentas al problema con tu copia local de GrapesJS o con la demo actual?
- Si una copia local
- Indica toda la información sobre tu sistema operativo, navegador y la versión de GrapesJS.
- ¿Puedes reproducir el error de la demo?
- ¿Cuál es el comportamiento esperado?
- ¿Qué ocurre en cambio?
- Si puedes reproducir el error, indica todos los pasos necesarios
- Adjuntar capturas de pantalla (usando KAP/LICEcap), retransmisiones de pantalla o demostraciones en directo
- Plantilla de inicio de JSFiddle https://jsfiddle.net/szLp8h4n
- Plantilla de inicio de CodeSandbox https://codesandbox.io/s/1r0w2pk1vl
Estás enviando una SOLICITUD DE FUNCIÓN
- Asegúrate de trabajar en la última versión, ya que la función podría estar ya disponible
- Ten en cuenta que la función debe considerarse válida para todos, no solo para tu caso
Respuestas (3)
Hola artf,
Me gustaría empezar dándote las gracias por el excelente trabajo que has hecho. En segundo lugar, me gustaría saber si existe alguna forma posible de mover un componente con su(s) padre(s) al arrastrarlo de una celda a otra.
La razón por la que pregunto esto es que creé un bloque de botones que renderiza una tabla que contiene un componente link. También he definido algunas reglas al cambiar un estilo (al cambiar el fondo del enlace, el fondo padre también cambia, y esto es necesario para tener botones bonitos en Outlook).
El problema que tengo es que, al mover el componente de una celda a otra, solo se mueve el elemento A.
Pensé en enganchar el evento de arrastre, pero creo que no está implementado en el componente y tampoco sabía cómo hacerlo con "component:update".
Aquí puedes encontrar el bloque de botones contenido =
'<table>
<tbody>
<tr>
<td>
<a data-gjs-type="link" href="https://google.com/">Botón Principal</a>
</td>
</tr>
</tbody>
'</table>
Me gustaría agradecer de antemano tu respuesta.Bueno, si necesitas mover todo el padre no tiene sentido dejar que el usuario mueva ese componente, así que simplemente hazlo 'arrastrable: falso'
' <tr><table> <tbody> <td> <a data-gjs-type="enlace" data-gjs-draggable="false" href="https://google.com/">Botón Principal</a> </td> </tr> </tbody> </table>'
Necesito volver a este viejo tema. Ahora tengo el mismo requisito. Lo cual, en mi opinión, es válido. @artf Si pongo el componente en 'arrastrable: falso', simplemente no puedo mover el componente, lo cual no es una solución. El usuario entonces no sabe que el componente es arrastrable a través del padre, así que sería una gran característica decir que un componente es arrastrable, pero los hijos no. Si luego se intenta arrastrar a un niño, el padre se selecciona y se mueve automáticamente.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2140
Componente de arrastre con su padre
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
Issue #2560
¿Podemos diseñar un gestor de activos para nuestro componente que le dé una opción específica?
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
Issue #1590
Integración con otra plantilla
ADVERTENCIA LEE y SIGUE los siguientes 5 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
Issue #3313
Se requieren muchos clics para que el texto sea editable, ¿podemos hacer que el campo de texto sea editable con un solo clic?
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://...
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.