Issue #2278✓ ResueltoAbierto el 18 de septiembre de 2019por ivcaRealWareReacciones 3

Simplificar la eliminación de columnas/filas

Respuesta rápidapor pouyamiralayi2

¡Hola!porque la propiedad arrastrable para columnas tiene el valor ".row" Simplemente deshazte de esto. No necesitamos arrastrable aquí porque hacemos la comprobación nosotros mismos: Si necesitas más ayuda para tu caso específico, agradecería que te ayudaras. Salud.

Lee la respuesta completa abajo ↓

Pregunta

Lo que necesito es simplificar la eliminación de elementos para acelerar la creación de páginas. Así que si dejo caer una columna y no hay fila padre ahí, me gustaría que se añadiera automático. Lo mismo para el remo que se cae. Si dejo una fila sin contenedor, estaría bien poder añadir contenedor automático. ¿Cuál es el mejor enfoque para hacerlo?

Respuestas (3)

👍 Muy útilpouyamiralayi19 de septiembre de 2019

¡Hola!

porque la propiedad arrastrable para columnas tiene el valor ".row"

Simplemente deshazte de esto. No necesitamos arrastrable aquí porque hacemos la comprobación nosotros mismos:

const parent = element.parent()
/* comprueba el tipo de padre aquí: */
parent.is('tu tipo objetivo')? /* no envolvas el componente*/ : /* envuelves el componente */

Si necesitas más ayuda para tu caso específico, agradecería que te ayudaras. Salud.

ivcaRealWare19 de septiembre de 2019

Intento resolver esto con ese evento de propuesta. Pero cuando intento soltar una columna en otro lugar, no lo permite porque la propiedad arrastrable para columnas tiene valor ".row", así que en editor.on('block:drag:stop', la función (element) elemento es null si la columna se elimina de la fila. Así que o bien necesito cambiar la propiedad arrastrable a true (ya que está en el contenedor) y luego, de alguna manera, comprobar si hay una fila dentro y, si no, actualizar el contenido o encontrar otra forma de hacerlo. ¿Alguna sugerencia?

pouyamiralayi18 de septiembre de 2019

¡Hola! Mira si este puede ayudarte. Salud.

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 →

Explorar categorías de plugins

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