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 336

🔍 style-manager
#433619 de mayo de 2022por javadsamiee2 respuestas
Reacciones 1

"Importar plantilla" no sirve para eliminar estilos extra

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 101.0.4951.64 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Añadir bloque de párrafoAbre "Importar plantilla" y añade estas líneas y pulsa "Importar" ' h1,...

artf

Gracias por el informe @javadsamiee pero el problema en realidad viene del plugin preset-webpage https://github.com/artf/grapesjs/issues/3727#issuecomment-908255324 y no del núcleo en sí. La publicidad por la solución es bienvenida

ClaudeCode

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre "Importar plantilla" que no sirve para eliminar estilos extra. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentac...

#43105 de mayo de 2022por barryross4 respuestas
Reacciones 1

Style Manager es inexacto cuando se usan selectores CSS combinados, que contienen "bout" y componentFirst = true

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 100 Enlace de demo reproducible https://jsfiddle.net/4fmd732c/3/ Describe el bicho ¿Cómo reproducir el bicho? Dado a) 'componentFirst' se establece como 'verdadero' b) Un elemento tiene varias clases c) La regla CS...

barryross

@artf ¡Genial! Gracias. Para usar estas actualizaciones, supongo que solo tendría que reconstruir la biblioteca localmente con tus cambios hasta la próxima versión. Lo probaré.

artf

Buen apunte, gracias por el informe @barryross

barryross

@artf cuándo prevés que salga el próximo lanzamiento?

#429427 de abril de 2022por DavidHarvey2 respuestas
Reacciones 0

No se pueden insertar componentes textibles en áreas de texto pequeñas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v100 Enlace de demo reproducible https://jsfiddle.net/ob0ajh67/ Describe el bicho ¿Cómo reproducir el bicho?Tener una sola línea de texto sin estilos de talla adicionales (como relleno o altura explícita).Intenta a...

harsh201

@artf yo también estoy teniendo el mismo problema. ¿Alguna sugerencia?

ClaudeCode

Gracias por informar de esto, @DavidHarvey. Buena pregunta sobre No poder colocar componentes textibles en áreas de texto pequeñas. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docum...

#425713 de abril de 2022por DavidHarvey4 respuestas
Reacciones 3

La modificación de fondo no funciona para no imágenes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v100 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Haz clic en cualquier componente, desplázate hasta Decoraciones > Fondo en el gestor de estilosIntenta cre...

bit-ocean

Hola @artf ¿Hay alguna posibilidad de que esta función reciba algo de atención? Me parece fundamental. Se ha añadido muchísima funcionalidad excelente a grapesjs desde la 0.17.29 (la última que soporta el plugin grapesjs-style-bg) y me enc...

Vac1911

Puedes usar la entrada de color de fondo para un color de imagen, pero la interfaz se ve confusa y debería cambiarse. ! imagen

artf

Sí, desactivé el plugin anterior con color/degradados porque no es compatible con las últimas versiones, pero pronto trabajaré en ello. Por ahora, cierro este asunto porque no tiene nada que ver con el núcleo en sí.

#42395 de abril de 2022por codingaddictedRespuesta 1
Reacciones 0

En el modo componente first, la sincronización solo funciona la primera vez en la retroalimentación de la interfaz

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v100 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Crear un bloque de textoAplicar un estilo al bloque (color de texto)Crear una clase y sincronizar el valor...

ClaudeCode

Gracias por informar de esto, @codingaddicted. Buena pregunta sobre en modo componente primero, la sincronización solo funciona la primera vez con feedback de la interfaz. El enfoque recomendado con StyleManager es usar la API orientada a...

#42332 de abril de 2022por clonefunnelsRespuesta 1
Reacciones 0

Insertar estilos desde StyleManager con !importante roto

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/q7cxvpf5/1/ Describe el bicho Cuando uso este código, deja de funcionar tras un cambio de div y ya no acepta más cambios de estilo en ningún otro div: editor.on('sty...

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con insertar estilos de StyleManager con !importante roto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los even...

#422530 de marzo de 2022por Sudhin354 respuestas
Reacciones 0

ERROR: El plugin de Facebook no funciona en el js de uvas

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v9Enlace de demo reproducible No está ahíDescribe el bicho ¿Cómo reproducir el bicho?Instalar el Grapes js en la app React y ejecutarloCrea los componentes del plugin de Facebook e importalos en Grapes Js (consigue e...

Sudhin35

@artf Por favor, ayúdame con esto

artf

No veo ningún problema cuando ejecuto 'editor.setComponents(... FB HTML..)` ! Schermata 2022-03-30 alle 16 30 46 Por favor, proporcione una demo reproducible.

Sudhin35

@artf Gracias por la respuesta pero has añadido editor.setComponents(... FB HTML..) por defecto y luego cargó el editor Por favor, crea un componente de FB HTML y arrastra y suelta el componente en el editor, no cargará Así lo he intentado

#420822 de marzo de 2022por ronaldohoch4 respuestas
Reacciones 2

Error de estado de clic de estilo en todos los elementos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave Last, probado en Chrome Last y Safari Last. Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Tengo un vídeo: https://www.loom.com/share/508e91098bf247bd93d525f2e...

artf

Gracias por el informe @ronaldohoch Esto se corregirá en la próxima versión.

ronaldohoch

@artf funcionado! Gracias 😊

ronaldohoch

@artf no pude ejecutarlo localmente porque varios exámenes no aprobaron, ¿te pasa a ti también? ¿Puedo intentar arreglarlos? Por ejemplo: ! imagen

#419615 de marzo de 2022por shelendravashishtha24 respuestas
Reacciones 0

El IDS cambia al intentar configurar componentes en el lienzo usando json

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible sin enlace Describe el bicho ¿Cómo reproducir el bicho?... Usa un JSON de demostración que pueda generar algún componente en el lienzo, establece un ID en atributos ... usa editor.setCom...

artf

Hola @shelendravashishtha2 ¿podrías indicar los pasos exactos (necesito saber a qué te refieres el 'json')?

JonathanRiche

He visto que esto también ocurre si no guardas una referencia en el CSS antes de usar el método editor.setComponents() Todo el marcado CSS del selector/referencia de elements id se elimina al usar el método editor.setComponents() Los pasos...

JonathanRiche

Creo que encontré el problema en mi parte usando editor.getComponents().toJSON(); añade un campo vacío "style":"" a algunos componentes que está limpiando su CSS es "componentes": [ { "tipo": "caja", "estilo": "", "atributos": { "id": "ic7...

#419110 de marzo de 2022por mastercorp-usa4 respuestas
Reacciones 1

Estamos intentando almacenar los datos del editor grapesJS en la aplicación Angular 10, obteniendo un error CORS, imagen adjunta abajo

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 99.0.4844.5 Enlace de demo reproducible https://jsfiddle.net/ct5r4kvg/ Describe el bicho ¿Cómo reproducir el bicho?Integrado en la aplicación Angular 10 con el siguiente códigoMientras se ejecuta, estamos recibiendo un erro...

lalitog

Mi script del lado del servidor está en PHP, así que he añadido este código en mi script y me funciona bien - cabecera ('Access-Control-Allow-Origin: *'); cabecera ('Access-Control-Allow-Methods: GET, POST'); encabezado("Access-Control-All...

mastercorp-usa

Por favor, ¿alguien nos ayude con este problema? Para mí es muy urgente

artf

Los problemas de CORS no tienen nada que ver con GrapesJS

Explora todos los temas