Mover componente desde Hijo
Pregunta
Hola,
Estoy intentando hacer componentes personalizados compuestos con otros componentes. No hay problema en hacerlo. Estoy teniendo un problema cuando quiero mover todo el componente.
Aquí está mi componente de prueba:
'''js editor. DomComponents.addType('testcomponent', { Definición del modelo isComponent: el => { if (el.tagName === 'DIV' && (tipoo.dataset.tipo !== 'indefinido' && el.dataset.type== 'testcomponent')) { return { type: 'testcomponent'}; } }, modelo: { Propiedades predeterminadas Predeterminados: { etiquetaNombre: 'div', atributos: {"data-type": "testcomponent"}, Componentes: [ { redimensionable: falso, arrastrable: falso, Droppable: falso, seleccionable: false, Hoverable: falso, propagar: ['flotable', 'arrastrable', 'redimensionable', 'droppable', 'seleccionable'], Tipo: 'Enlace', componentes: 'Mi enlace' } ] } } });
Se ve así en el editor:
! [imagen](https://user-images.githubusercontent.com/63727900/92759622-3c41b200-f390-11ea-813b-7bed2d8cc676.png)
Mi problema es que cuando quiero mover el componente, puedo moverlo al hacer clic en el espacio en blanco después de un enlace de HRef, pero cuando quiero moverlo haciendo clic o arrastrando el enlace, no pasa nada...
Sé que puse el parámetro no seleccionable en el componente de enlace, pero ¿es posible moverlo de todas formas?
Para que conste, puedo mover todo usando el mango "tlb-move"
¡Gracias!
Saludos
Respuestas (3)
Gracias;)
No, todo está definido. Estás intentando arrastrar un componente no arrastrable para que el comportamiento sea correcto
Hola,
Gracias por la respuesta. Bueno, sé que mi componente "enlace" no es arrastrable, lo configuré así (especialmente para no arrastrar el enlace fuera de todo el componente). Pero también está configurado como no seleccionable, así que si hago clic y quiero arrastrar todo, deberíamos esperar seleccionar todo el componente, ¿verdad?
Si no, ¿hay alguna solución para hacerlo?
Saludos
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2154
Integración de componentes personalizados
¡Hola! Quiero integrar un componente personalizado con GrapesJS, usando Angular CLI 7, pero no se renderiza. Mi componente está construido...
Issue #2548
[Bug] No se puede desplazar todo el lienzo con el zoom activado
Cuando el zoom está activado, no es posible desplazarse por todo el lienzo y mover componentes. Creo que eso es transformar: escala(1.5) tr...
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...
Issue #2487
[BUG] Actualizar un rasgo reinicia los estilos de componentes
Estoy teniendo un problema con los Rasgos, me pregunto si podría ser un error. Cuando actualizo el rasgo fontColor o fontSize, los otros ra...
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.