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 183

🔍 documentation
#540821 de septiembre de 2023por quentin-bettoum3 respuestas
Reacciones 0

Main.scss falta en la 0.21.6

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 118 Enlace de demo reproducible ninguno Describe el bicho Hola, Tengo GrapesJS temático siguiendo las instrucciones del documento aquí: https://grapesjs.com/docs/getting-started.html#theming Pero con la 0.21.6, ya...

joukhar

Sí, falta la carpeta 'src'

artf

El mismo problema que https://github.com/GrapesJS/grapesjs/issues/5392

ClaudeCode

Gracias por informar de esto, @quentin-bettoum. El problema con main.scss que falta en la 0.21.6 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 v...

#538816 de septiembre de 2023por hannydevelop4 respuestas
Reacciones 0

El modo sin interfaz devuelve HTML diferente del editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? ChromeV117.0.5938.62 Enlace de demo reproducible https://codesandbox.io/embed/quizzical-galileo-cqldjh?fontsize=14&hidenavigation=1&theme=dark Describe el bicho ¿Cómo reproducir el bicho?Páginas de tienda usando el admini...

artf

Hola @hannydevelop tienes tipos de componentes personalizados pero no has pasado ningún plugin en 'grapesjs.init', por eso se aplica el 'div' por defecto

hannydevelop

hola @hannydevelop tienes tipos de componentes personalizados pero no has pasado ningún plugin en 'grapesjs.init', por eso se aplica el 'div' por defecto Siento estar abriendo esto de nuevo, añadir el plugin de forma normal devuelve un err...

artf

@hannydevelop puedes mostrar el código, por favor?

#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...

#531217 de agosto de 2023por srinivas9772 respuestas
Reacciones 0

Problema con el editor de texto enriquecido Acción de sangría para listas

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome V115Enlace de demo reproducible https://jsfiddle.net/srinivas977/ahgLxv6e/10/Describe el bicho ¿Cómo reproducir el bicho? En el JSFiddle proporcionado, incluye un par de líneas de texto y selecciona listas. A continu...

artf

Desafortunadamente, como la implementación por defecto depende del execCommand obsoleto, hay demasiados casos límite que manejar y ya no merece la pena dedicarle tiempo. Te sugeriría confiar solo en él para el formato básico (por ejemplo,...

ClaudeCode

Gracias por informar de esto, @srinivas977. ¡Gran sugerencia sobre Problema con el editor de texto enriquecido Acción de sangría para listas! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr u...

#52868 de agosto de 2023por saharhagekr2 respuestas
Reacciones 0

Borde de imágenes y algunos elementos en la posición incorrecta

En pantallas de portátiles más pequeñas (como los MacBook, por ejemplo), el borde de las imágenes y algunos elementos están en una posición incorrecta (cuando hago clic para mover o redimensionar una imagen) No tengo este problema cuando el editor se renderiza en pantallas más grandes. No estoy seguro de si hay algún...

artf

@saharelhage por favor, evita convertir las discusiones en temas. Los Problemas de GitHub solo deben crearse a partir de aquí siguiendo correctamente la plantilla.

ClaudeCode

Gracias por informar de esto, @saharhagekr. Buena pregunta sobre el borde de las imágenes y algunos elementos en la posición incorrecta. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docu...

#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...

#52217 de julio de 2023por Staubgeborener2 respuestas
Reacciones 0

Versión de escritorio en un dispositivo móvil incorrecto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Safari 16.5Enlace de demo reproducible https://grapesjs.com/demo.html https://staubgeborener.de/Describe el bicho Estaba probando la demo. No cambié nada, solo que simplemente hice clic en el botón 'ver código' y descargué...

artf

Esto no está relacionado con el núcleo, sino simplemente con la meta etiqueta que falta en el HTML exportado desde el demo.html '''html <meta nombre="viewport" content="width=device-width,initial-scale=1"> ``` Si quieres enviar una residen...

ClaudeCode

Gracias por informar de esto, @Staubgeborener. Buena pregunta sobre la versión de escritorio en un dispositivo móvil incorrecto. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la document...

#519923 de junio de 2023por rmadeiraneto3 respuestas
Reacciones 0

Cambios en los atributos de los componentes que se reproducen en todas las instancias en lugar de solo en una

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v114 Enlace de demo reproducible https://jsfiddle.net/rmadeiraneto/t659usxv/39/ Describe el bicho ¿Cómo reproducir el bicho?Ve a la lista de bloques y arrastra el componente personalizado "ejemplo" al lienzoTres el...

artf

Gracias @rmadeiraneto por el informe. Sí, desafortunadamente eso es un problema si estás mutando las propiedades de los arrays/objetos de esa manera y para evitarlo tienes dos opciones:Evita mutaciones directas (asigna nuevas referencias c...

rmadeiraneto

@artf usar los valores predeterminados como función funciona, gracias por responder rápido y por ofrecer la solución alternativa a este problema. Sobre la primera sugerencia, creo que no se trata de que las personas muteen o no el objeto,...

ClaudeCode

Gracias por informar de esto, @rmadeiraneto. ¡Gran sugerencia sobre Cambios en los atributos de los componentes que se reproducen en todas las instancias en lugar de solo una! Aunque esta función específica aún no está en la API principal,...

#517510 de junio de 2023por krishnaeverestengineering4 respuestas
Reacciones 0

El método de movimiento no funciona como se espera

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codesandbox.io/s/adoring-margulis-873kdv Describe el bicho Contexto El método de mover componentes no funciona como se esperaba. Este fragmento de código no funciona como se espe...

krishnaeverestengineering

Solución para este problema: https://github.com/GrapesJS/grapesjs/pull/5176

artf

Gracias @krishnaeverestengineering pero este es en realidad el comportamiento esperado para mover el componente dentro del mismo padre. Esto se debe a que el 'at' también debe tener en cuenta el índice del propio componente. Así que, si in...

krishnaeverestengineering

Gracias @krishnaeverestengineering pero este es en realidad el comportamiento esperado para mover el componente dentro del mismo padre. Esto se debe a que el 'at' también debe tener en cuenta el índice del propio componente. Así que, si in...

#51739 de junio de 2023por FaisalShaikhHA3 respuestas
Reacciones 1

Editor. La API de Css.setRule no funciona como se espera, no está actualizando la regla existente.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 112.0.5615.137 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/yhj6qa1u/6/ Describe el bicho ¿Cómo reproducir el bicho?Seleccionar un componente y añadir algo de estilo usando el Gestor...

artf

Hola @FaisalShaikhHA este es un comportamiento esperado, pero supongo que la documentación de 'setRule' es un poco engañosa. La regla en realidad se actualiza (no crea una nueva con el mismo selector), pero los estilos simplemente se reemp...

FaisalShaikhHA

Gracias @artf por la aclaración

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. Buena pregunta sobre editor. La API de Css.setRule no funciona como se esperaba, no está actualizando la regla existente.. El enfoque recomendado con StyleManager es usar la API orientada a ev...

Explora todos los temas