Crea espacio donde caería el componente
Hola @austinbiggs, ¿alguna novedad sobre esto? ¡Gracias!
Lee la respuesta completa abajo ↓Pregunta
Como menciona el título (que puede ser un poco confuso), tengo curiosidad por saber cómo crear un espacio donde caería un componente. Esto es muy común en implementaciones de arrastre/ordenación que he visto. (por ejemplo, https://shopify.github.io/draggable/ y jQuery Sortable)
Por lo que entiendo del marcador de caída (barra verde en el anexo), está en una "Capa" separada y en realidad vive fuera del lienzo. Quiero implementar un mejor marcador de drop, solo que no sé por dónde empezar al implementarlo.
Tengo una solicitud similar abierta respecto al marcador de DRAG, sin embargo, en este número me refiero al marcador de DROP.
El siguiente código tampoco devuelve lo que esperaría...
editor.on('sorter:drag:start', (src, srcModel) => {
console.log( 'src: ', src );
console.log( 'srcModel: ', srcModel );
})
Respuestas (3)
Hola @austinbiggs, ¿alguna novedad sobre esto?
¡Gracias!
Por lo que entiendo del marcador de caída (barra verde en el anexo), está en una "Capa" separada y en realidad está fuera del lienzo. Quiero implementar un mejor marcador de drop, solo que no sé por dónde empezar al implementarlo.
Exactamente, y la razón detrás de este enfoque es un mejor rendimiento (menos manipulaciones del DOM) y, en mi opinión, menos confuso, así que no tengo ninguna razón válida para empezar a trabajar en esta función. Si quieres empezar por tu cuenta, creo que el método onMove del Sorter es un buen punto de partida
Hola @austinbiggs,
Me interesa la función que mencionaste antes, ¿alguna novedad? ¿Empezaste y lograste hacerlo?
Gracias.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3059
El encabezado va en un cuadro de texto
Hola, primero gracias por crear GrapesJs, esto es muy útil. Tengo un problema: añado un encabezado en mi página y ese es el código que añad...
Issue #2076
[PREGUNTA] ¿Cómo crear un nuevo componente que permita directivas de la hoja Laravel?
Hola, gracias por el buen trabajo. Me gustaría saber si hay alguna forma de usar las directivas de las cuchillas dentro del código. Ya añad...
Issue #2069
[BUG] 'allowScripts: true' sigue <script> eliminando etiquetas
Hola a todos. Gracias por crear y mantener este increíble proyecto. 🙏 Descripción del bug Tengo un bloque que inserta un script como se es...
Issue #576
El contenido de texto no siempre se puede editar
Hola @artf, He notado que si añado un componente que contiene una combinación de texto y una <a>etiqueta '', el texto no es editable como s...
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.