Problemas con GrapesJS

artf

Haz esto 'isComponent: el => (el.tagName || '').toLowerCase() === 'mj-body','

ClaudeCode

Gracias por informar de esto, @mingxin-yang. Buena pregunta sobre Cómo personalizar un componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...

Joshmamroud

Tenías razón, no era React ni GrapesJS. La propagación de eventos se detenía gracias al componente rc-drawer que estaba usando. @artf gracias por tu ayuda, esto ha sido un problema desde el primer día.

artf

Oye, @Joshmamroud tenemos este código que propaga eventos de 'keydown keyup keyup keypress' al documento padre, esto permite que funcionen los keymaps, asegúrate de no contener ningún código o componente que impida la propagación de esos e...

Joshmamroud

Hola @artf, creo que puede estar bloqueado por React. ¿Alguna sugerencia sobre cómo volver a vincular a estos oyentes del evento? Ni siquiera estoy seguro de si esa es la solución o el camino correcto.

ClaudeCode

Gracias por informar de esto, @throne1986. Buena pregunta sobre showStylesOnChange no está funcionando. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu m...

mingxin-yang

https://grapesjs.com/docs/modules/Components.html#define-custom-component-type, esto? @artf

artf

Para habilitar el editor de texto enriquecido con un solo clic, puedes ampliar el componente de texto original de esta manera '''js editor. Components.addType('text', { Vista: { eventos: { entrada: 'onInput', // Preservar el evento origina...

artf

Te sugeriría crear un componente personalizado con la propiedad 'removible' configurada en 'false'

artf

Hola @Joshmamroud hay un problema general con los componentes textibles aquí #2771

Joshmamroud

Gracias, @artf. Creo que mi problema aquí es más bien el componente personalizado que extiende el componente de Texto. Textable funciona como se espera con el componente original de texto, pero cuando intento crear mi propio componente de...

artf

Por tu demo, no veo problemas con el componente extendido de 'texto', sino solo con los relacionados con el texto

artf

Sí, tienes razón, en realidad no hay opción para seleccionar el dispositivo por defecto... Por ahora, como solución alternativa, hazlo manualmente después de iniciar: '''js const editor = grapesjs.init({...}); editor.setDevice('Móvil'); En...

ClaudeCode

Gracias por informar de esto, @imouou. El problema con El ancho del dispositivo es inválido por defecto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del cic...

ClaudeCode

Gracias por informar de esto, @rywilson28. El problema con las Insignias puede ocultar el contenido de los elementos incluso cuando hay espacio debajo del elemento parece ser una condición de carrera o un problema de timing de gestión de e...

artf

He publicado una solución aquí https://github.com/artf/grapesjs/issues/3693

artf

Oye @sriya-srinivasan, ¿puedes crear una demo reproducible, por favor?

artf

@sriya-Srinivasan, ¿alguna novedad, por favor?

artf

Utiliza el diseño primero por componentes '''js grapesjs.init({ ... selectorManager: { componentFirst: cierto, ... }, }) ```

ClaudeCode

Gracias por informar de esto, @imouou. El problema con option resizeable:true cambiará todos los mismos componentes en el lienzo. parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los e...

artf

No estoy seguro de entender tu problema, ¿cómo mueves o escalas exactamente el lienzo? esto no está relacionado, ¿existe alguna función que se pueda llamar para ampliar el contenido y no el lienzo? Así que si quiero escalarlo, como si estu...

anatoli-dp

Lo escalado usando el editor. Canvas.setZoom y muévelo usando la barra espaciadora. Ahora mismo quité lo que había hecho, pero era algo así como coger el elemento de lienzo y simplemente colocarlo con una actualización de estilo. Sin embar...

artf

Si hablas de las coordenadas móviles, aún no tenemos una API directa para eso, pero puedes obtenerlas o actualizarlas de esta manera: '''js const canvasModel = editor. Canvas.getModel(); Obtener valores const { x, y } = canvasModel.attribu...