Redimensionar por clase :(
@ramusesan @edwinjoel1984 tus problemas son por los selectores compartidos. Problema similar aquí. Para la solución sugiero este hilo. ¡Salud!
Lee la respuesta completa abajo ↓Pregunta
El principal problema que tengo es que intento hacer un redimensionamiento en un componente que he hecho, pero si tengo dos componentes iguales, cuando hago el redimensionamiento de uno de ellos el otro hace el mismo redimensionamiento. Así que creo que tendría que gestionar su estilo por identificación y no por clase.
Este es mi código:
'const buttonComponent = {
Nombre: "Button-BK",
data: {
id: "botón",
etiqueta: 'Botón',
categoría: "Componentes básicos",
Arrastrable: Cierto,
Contenido: '<Button Class="BTN-Builder" Data-GJS-Draggable=".cell" Data-GJS-Resizable='{"TL":0,"TC":0,"TR":0,"CL":0,"CR":1,"BL":0,"BR":0,"minDim":1,"bc":0,"UnitCurrent":1,"step":0.2}' data-gjs-name="Button">Send</button>',
},
};
editor. BlockManager.add('button', buttonComponent);
`
Ver ejemplo https://cl.ly/c4bfaf626adc
_Originally publicado por @edwinjoel1984 en https://github.com/artf/grapesjs/issues/2435#issuecomment-560447001_Respuestas (3)
@artf ese es el problema
Aunque yo también me enfrente al mismo problema, probablemente sea un problema de precedencia, supongo que por si tengo un ID y clase para el mismo elemento es decir, '<id de la mesa="miId" clase="miClase"> ..... </table>` y al intentar redimensionar una tabla, entonces los estilos se aplican en .myClass, no en #myId
Por qué la clase tiene más importancia que el ID
Cómo arreglarlo
Demo en directo aquí: https://stackblitz.com/edit/react-mcv9vz
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1873
Redimensionamiento de componentes de la cuadrícula El ancho de sus celdas no funciona
Hola artf, Tengo una pregunta cuando implemento un componente de cuadrícula con fila y tres celdas, quiero hacer que estas celdas sean reut...
Issue #3340
GJS-CV-tools en una posición incorrecta cuando pongo grapesjs en un splitpanes
Hola, gracias por tu trabajo. Tengo un problema. Quiero hacer una vista tipo codepen y que la vista de grapesjs sea arrastrable hacia arrib...
Issue #1409
Evento de arrastre por componentes
Quiero saber cómo puedo hacer que ese componente se arrastre y suelte ese componente al otro componente. Necesito añadir una clase si el co...
Issue #1841
Nombre de los componentes
Tengo dos preguntas.¿Hay alguna forma de cambiar el nombre del componente integrado? Quería cambiar el nombre "Box" por "Div". Así que el m...
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.