Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 466

🔍 components
#534630 de agosto de 2023por pittleCheung3 respuestas
Reacciones 0

Eliminar un componente sin eliminar su estilo correspondiente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? <img width="1665" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/114127651/657...

pittleCheung

Idea ampliada de https://github.com/GrapesJS/grapesjs/issues/1855

artf

Aquí se explica cómo crear componentes con estilos relacionados https://grapesjs.com/docs/modules/Components.html#components-css Solo en ese caso, sería seguro que el editor eliminara estilos relacionados.

ClaudeCode

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre Eliminar un componente sin eliminar su estilo correspondiente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la document...

#534226 de agosto de 2023por wsacaRespuesta 1
Reacciones 0

ScrollCanvas no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 116.0.3 Enlace de demo reproducible https://grapesjs.com/demo-mjml.html Describe el bicho ¿Cómo reproducir el bicho?En el lienzo, desplázate hasta abajo y selecciona un componenteAbrir las capasSelecciona un compo...

ClaudeCode

Gracias por informar de esto, @wsaca. Buena pregunta sobre scrollCanvas no funciona. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el...

#533926 de agosto de 2023por rozek2 respuestas
Reacciones 0

DragMode:'absolute' se comporta de forma extraña

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 1.56.20 Chromium: 115.0.5790.171 (Versión Offizieller) (arm64)Enlace de demo reproducible ningunoDescribe el bicho Quiero que los componentes en mi editor puedan moverse arrastrando. Tras investigar un poco, descubr...

rozek

Perdón, esto fue un problema mío que se hizo evidente solo en el editor, ¡perdón por molestar!

ClaudeCode

Gracias por informar de esto, @rozek. El problema con dragMode:'absolute' se comporta de forma extraña parece ser un problema de condición de carrera o de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo...

#533424 de agosto de 2023por DreamCloudProject4 respuestas
Reacciones 1

La selección del tipo de componente personalizado no funciona en el lienzo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome, Opera, Edge, etc Enlace de demo reproducible https://jsfiddle.net/crszh0jo/6/ Describe el bicho Estoy intentando que funcione igual que se describe aquí [[PREGUNTA] Selección de componentes personalizados no es po...

DreamCloudProject

@artf Sí, tienes razón. Estoy bloqueando la propagación del clic, por lo que el editor no recibe el evento de clic, por lo que no puede ejecutar la lógica para seleccionar el elemento. Intenté configurar la propagación de clics solo en el...

DreamCloudProject

https://github.com/GrapesJS/grapesjs/assets/7961936/12180b41-4c29-489d-9bcd-1ea025a96a8f Este ejemplo muestra cómo funciona en mi editor.

yatoogamii

Hola @DreamCloudProject, parece que el conector MSC de tu componente está bloqueado. Es un atributo que permite que el componente se haga clic desde las capas pero no desde el propio Canva ¿Puedes compartir o verificar la definición de tu...

#532822 de agosto de 2023por sdimitrenco2 respuestas
Reacciones 0

Texto editable tras eliminar el foco de RTE, devuelve el estado anterior del contenido.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/sdimitrenco/wao1rh0q/30/ Describe el bicho Esa es mi estructura de componentes Si cambio el texto en la etiqueta span del editor de texto y luego elimino el foco de...

artf

No deberías tener '"contenido"' dentro de tu espacio de texto, de hecho si lo sustituyes por '"components": '[email protected]', funcionará correctamente.

ClaudeCode

Gracias por informar de esto, @sdimitrenco. El problema con texto editable tras eliminar el foco de RTE, devuelve el estado anterior del contenido. parece ser una condición de carrera o un problema de sincronización de gestión de estado. E...

#531918 de agosto de 2023por AFriboulet-ii2 respuestas
Reacciones 0

Deshacer no actualiza la clase en el componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome V116.0.5845.96 Enlace de demo reproducible https://jsfiddle.net/Adrien_Friboulet/npdkshaf/8/ Describe el bicho https://github.com/GrapesJS/grapesjs/assets/128728949/e85b65c4-53ad-43d0-9f5f-74dc0a181dd0 ¿Cómo reprod...

artf

Gracias @AFriboulet-ii, lo arreglaré para la próxima versión.

ClaudeCode

Gracias por informar de esto, @AFriboulet-ii. Buena pregunta sobre Deshacer no actualiza la clase en el componente. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

#531617 de agosto de 2023por BenKhz3 respuestas
Reacciones 0

El editor no se suscribe a selector:remove

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v115.0.5790.170 Enlace de demo reproducible https://jsfiddle.net/BenKhz/yfwqc6mu/1/ Referenciando La documentación aquíDescribe el bichoViolín disponible AquíSeleccionar un componente en el lienzo y añadir una clase...

artf

Hola @BenKhz eso ocurre porque los eventos 'selector*' están relacionados con el contenedor global de Selectores (cuando eliminas un selector del componente, el propio Selector sigue ahí porque podría usarse en otros lugares), si quieres r...

BenKhz

¡Ah! Estaba malinterpretando. Gracias por la aclaración. ¡Sigue así!

ClaudeCode

Gracias por informar de esto, @BenKhz. El problema con Editor que no se suscribe a selector:remove 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 ciclo de...

#530513 de agosto de 2023por rajevar2 respuestas
Reacciones 0

El evento "component:add" se activa cuando se mueven componentes

Versión GrapesJS 0.21.4[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 113.0.5672.63 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n/11/Describe el bicho ¿Cómo reproducir el bicho? Mueve cualquiera de los componentes de texto dentro de la página. Se mostrará...

artf

Hola @rajevar creo que buscas el evento 'component:create', ya que 'component:add' funciona como se espera (por ejemplo, podría usarse para seguir cualquier movimiento nuevo dentro de un componente específico).

ClaudeCode

Gracias por informar de esto, @rajevar. Buena pregunta sobre los activadores del evento "component:add" cuando se mueven componentes. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documenta...

#529710 de agosto de 2023por FahemAhmad2 respuestas
Reacciones 0

GetJS no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 115.0.5790.171 (Versión oficial) (64 bits)Enlace de demo reproducible https://codesandbox.io/s/1r0w2pk1vl?file=/index.htmlDescribe el bicho ¿Cómo reproducir el bicho?... Añade este tipo de formulario y este bloque d...

artf

El 'getJs' devuelve el JS de tu modelo de componentes (el que colocarías dentro de 'model.defaults.script'), no la vista de componentes. Por favor, lee atentamente Componentes y JS

ClaudeCode

Gracias por informar de esto, @FahemAhmad. Buena pregunta sobre que getJS no funciona. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico...

#52807 de agosto de 2023por fluke7772 respuestas
Reacciones 0

Gestor de eventos en vista no vinculado al componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 115.0.5790.114 Enlace de demo reproducible https://jsfiddle.net/mcraf3se/5/ Describe el bicho Hola, acabo de empezar con GrapesJS, así que es bastante probable que esté malinterpretando algo fundamental....

artf

El error aquí es usar la función de flecha, solo tienes que reemplazarla por 'clickOnElement() {'

ClaudeCode

Gracias por informar de esto, @fluke777. Buena pregunta sobre El gestor de eventos en vista no está vinculado al componente. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

Explora todos los temas