Arrastre el marcador de posición para elementos renderizados
Probablemente esa sea la razón por la que me rendí 😂 Como ves desde aquí https://github.com/artf/grapesjs/blob/dev/src/commands/view/MoveComponent.js#L74 Probé a usar 'setDragHelper', que copia el estilo del elemento de 'getComputedStyle', pero también elimino sus hijos 'dragHelper.innerHTML = ''' porque conseguir es...
Lee la respuesta completa abajo ↓Pregunta
¡Hola! Estoy revisando el código e intentando conseguir un efecto marcador mientras arrastro el elemento. Algo similar ya existe para arrastrar bloques.
Si quiero añadir algo para lograr esto, ¿qué método tendría que modificar o enganchar? No veo una opción de iniciarArrastrar para los elementos del lienzo.
/**
* Arrastre de bloque de inicio
* @private
*/
startDrag: función startDrag(e) {
Clic derecho o de middel
si (e.button !== 0) {
regresar;
}
if (!this.config.getSorter) {
regresar;
}
this.config.em.refreshCanvas();
var sorter = this.config.getSorter();
sorter.setDragHelper(this.el, e);
sorter.setDropContent(this.model.get('content'));
sorter.startSort(this.el);
(0, _mixins.on)(documentar, 'mouseup', this.endDrag);
},
Similar a: http://gridstackjs.com/
Respuestas (3)
Probablemente esa sea la razón por la que me rendí 😂 Como ves desde aquí https://github.com/artf/grapesjs/blob/dev/src/commands/view/MoveComponent.js#L74 Probé a usar 'setDragHelper', que copia el estilo del elemento de 'getComputedStyle', pero también elimino sus hijos 'dragHelper.innerHTML = ''' porque conseguir estilo de inners podría ser demasiado caro. Por el momento, veo estas posibles soluciones:
- Mostrar solo la forma del elemento
- Dejar que el usuario defina su función que devuelve el elemento marcador
- Encontrar una forma de usar la imagen nativa HTML5 d&d "fantasma" (que ya crea una captura de pantalla del elemento). Uno de los problemas es activar el evento de arrastre haciendo clic en elemento externo (en nuestro caso mover icono).
Desafortunadamente, mover componentes es algo diferente, así que sigo trabajando en esto
En realidad, estaba pensando en añadir una funcionalidad así pero no llegué tan 😬 lejos https://github.com/artf/grapesjs/blob/dev/src/commands/view/MoveComponent.js#L74
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3512
Los elementos hijos no se pueden arrastrar, se pueden soltar y se pueden resaltar. también el CSS de todos los elementos hijos que no se insertan en la sección de estilo mientras se desarrolla un componente banner en un plugin
Hola @artf, Estoy intentando desarrollar un plugin sencillo para banners que incluya un encabezado, un subtítulo y un enlace. y cada elemen...
Issue #1113
[PREGUNTAS] ¿El nuevo tipo de rasgo no funciona con los componentes renderizados?
Hola, gracias por el excelente marco. Estoy intentando aplicar esto a mi proyecto. Quiero añadir un nuevo rasgo para el componente existent...
Issue #2399
Componente SVG no arrastrable
Hola, Estoy usando grapesjs en angular 7. Lo que quiero conseguir cuando llama cada método de caída de canvas es añadir un componente svg e...
Issue #2961
BUG: Los componentes en modal personalizado no son editables
Hola, estoy intentando añadir un bloque modal personalizado a mi proyecto y quiero cambiar el contenido de este modal también con arrastrar...
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.