¿Redimensionar los bloques con ratón?
Hola @matthewgertner, Creo que esto se puede activar en componentes individuales mediante la propiedad "redimensionable": 'component.set("resizeable", true)'. Probablemente no funcione muy bien en elementos que tengan un estilo 'display: inline' (por ejemplo, un '<span>'), o en elementos donde la altura/ancho esté def...
Lee la respuesta completa abajo ↓Pregunta
He notado que en la demo actual solo es posible redimensionar la mayoría de los bloques usando el editor de propiedades, no arrastrando anclajes en el bloque (que es posible, por ejemplo, con el elemento de mapa). ¿Es esto intencionado o simplemente es una función que aún no se ha implementado?
Respuestas (3)
Hola @matthewgertner,
Creo que esto se puede activar en componentes individuales mediante la propiedad "redimensionable": 'component.set("resizeable", true)'. Probablemente no funcione muy bien en elementos que tengan un estilo 'display: inline' (por ejemplo, un '<span>'), o en elementos donde la altura/ancho esté definido por % en lugar de píxeles.
Probablemente no sea la mejor manera de activarlo, pero podrías hacer algo así para verlo en acción: 'editor.on("component:selected", function(args) { args[1].set("resizeable", true); }); `
@matthewgertner la solución de Ryan debería funcionar y, sí, no los aplico por diseño por razones que ya explicó Ryan, pero de hecho puedes crear bloques/componentes con Resizeable activado
@ryandeba @artf Genial, gracias por la sugerencia. Ahora estamos experimentando con la base de código, así que lo probaremos.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1683
¿Cómo cambiar el id/clase cuando aparece un nuevo elemento en el editor o renderizo un elemento con IP dinámica?
Hola @artf, Espero que estés bien. Tengo dos preguntas sobre la suma de bloques dinámicos, 1) ¿Es posible renderizar el bloque con id dinám...
Issue #1893
[PREGUNTA] Por definición, todos los bloques tienen que tener el mismo estilo
Estamos usando blockManager, como puedes ver en el ejemplo publicado en codesandbox, siguiendo la documentación relacionada con el renderiz...
Issue #994
Cómo asegurarse de que el bloque se cae solo en el nivel más alto
Por ejemplo, tengo dos bloques A y B que quiero dejar en el lienzo del editor. Pero a veces el bloque que caía después se convertía en hijo...
Issue #917
[PREGUNTA] Propiedades de estilo personalizado por elemento
¿Es posible tener una interfaz de propiedad personalizada por elemento? Por ejemplo, considera que quiero que el tamaño de fuente se muestr...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.