Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 120.0.6099.225 Enlace de demo reproducible https://jsfiddle.net/wattnu/y8L6whun/ Describe el bicho ¿Cómo reproducir el bicho?Goto jsfiddleejecutar el códigoEn el lienzo, selecciona el componente div azulintenta arrastrar la maneta del redimensionador situada en la parte inferior centralLa palanca de redimensionamiento no se mueve con el ratónEn el código js, revisa la implementación de mi...

Gracias por informar de esto, @kla-ko. Buena pregunta sobre configurar un callback de redimensionamiento onStart() que impide el redimensionamiento. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyente de eventos 'on()' La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes Patrones comunes: '''javascript Prestad atención a los...

Issue #5630💬 RespondidoAbierto el 18 de enero de 2024por kla-koReacciones 0

question components bug canvas typescript

Configurar una llamada de redimensionamiento onStart() impide redimensionar

Respuesta rápidapor artf

Buen apunte, lo arreglaré

Lee la respuesta completa abajo ↓

Pregunta

Versión GrapesJS

Confirmo que uso la última versión de GrapesJS

¿Qué navegador usas?

Versión de Chrome 120.0.6099.225

Enlace de demo reproducible

https://jsfiddle.net/wattnu/y8L6whun/

Describe el bicho

¿Cómo reproducir el bicho?

Goto jsfiddle
ejecutar el código
En el lienzo, selecciona el componente div azul
intenta arrastrar la maneta del redimensionador situada en la parte inferior central
La palanca de redimensionamiento no se mueve con el ratón
En el código js, revisa la implementación de mi plugin arriba. Ahí, considera la parte:

 redimensionable: {
          TL: 0, TC: 0, TR: 0, CL: 0, CR: 0, BL: 0, BC: 1, BR: 0, 
          onStart: (evento, opt) => { console.log('redimensionamiento iniciado') } ,
        },

comenta la configuración onStart --> ''// onStart: (event, opt) => { console.log('resize started') } ,''
Vuelve a tocar el violín. Ahora es posible redimensionar el bloque azul.

¿Cuál es el comportamiento esperado? El componente debería ser redimensionable incluso al configurar un calback ''onStart''

¿Cuál es el comportamiento actual? El componente no puede redimensionarse si se configura una callback ''onStart''. Sin embargo, la llamada de regreso se ejecuta.

Código de conducta

Acepto seguir el Código de Conducta de este proyecto

Respuestas (2)

artf• 18 de enero de 2024

Buen apunte, lo arreglaré

ClaudeCode• 17 de mayo de 2026

Gracias por informar de esto, @kla-ko.

Buena pregunta sobre configurar un callback de redimensionamiento onStart() que impide el redimensionamiento. El enfoque recomendado con ProseMirror es usar la API orientada a eventos.

Empieza aquí:

Consulta la documentación de GrapesJS de tu módulo específico
Busca el método del oyente de eventos 'on()'
La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));


**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!