Issue #3251💬 RespondidoAbierto el 28 de enero de 2021por RutujaBadbeReacciones 0

¿Cómo puedo especificar la posición del elemento que se cae?

Respuesta rápidapor RutujaBadbe

después de colocar el bloque de cabecera en el lienzo, necesito que vaya encima de cualquier otro componente o bloque. Ahora mismo, estoy haciendo esto. Pero no está funcionando. editor.on('canvas:drop',(DataTransfer, model)=> { si (model.is('encabezado')) { Índice VAR = 0; editor.getComponents().add(model, {at: index...

Lee la respuesta completa abajo ↓

Pregunta

Quiero especificar la posición del elemento arrastrado. por ejemplo, si tengo un bloque de cabecera que, no importa dónde arrastres, debería colocarse en la parte superior del documento. ¿cómo debería hacerlo?

Respuestas (4)

RutujaBadbe29 de enero de 2021

después de colocar el bloque de cabecera en el lienzo, necesito que vaya encima de cualquier otro componente o bloque. Ahora mismo, estoy haciendo esto. Pero no está funcionando. editor.on('canvas:drop',(DataTransfer, model)=> { si (model.is('encabezado')) { Índice VAR = 0; editor.getComponents().a...

artf11 de febrero de 2021

Puedes usar la propiedad 'arrastrable' para definir (mediante cadenas de consulta CSS) dónde se podría colocar el componente, pero no puedes especificar la posición. Puedes intentar crear un componente personalizado como contenedor para componentes como el encabezado y siempre poner tus plantillas...

RutujaBadbe12 de febrero de 2021

@artf gracias por la respuesta. No sé si es la forma correcta, pero hice algo y me funcionó. Soy bastante nuevo en esto y todavía estoy aprendiendo de los médicos. Yo hice esto— editor.on('canvas:drop',( model)=> { si (model.is('encabezado')) { //created encabezado de tipo de componente personaliza...

ClaudeCode17 de mayo de 2026

Gracias por informar de esto, @RutujaBadbe. Buena pregunta sobre ¿Cómo puedo especificar la posición del elemento que se ha caído?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del...

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

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