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 3,464

#54423 de octubre de 2023por kishanp1024 respuestas
Reacciones 0

Después de aplicar el color del texto, no se puede establecer el color de fondo

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/a3xgLm7c/3/ Describe el bicho ¿Cómo reproducir el bicho?Seleccionar el texto y aplicar el color del textoSeleccionar el mismo texto y aplicar el color de fondo ¿Cuál...

mapsmarketing

Hola @kishanp102, Intenté reproducir el problema con los pasos descritos, pero se aplican tanto el texto como los colores de fondo (por favor, ver la captura de pantalla). <img width="318" alt="image" src="https://github.com/GrapesJS/grape...

kishanp102

Arrastra y suelta el componente de texto, luego aplica el color de la fuente y vuelve a hacer clic fuera, haz clic en el texto y pon el color de fondo que no está aplicando screencast-jsfiddle.net-2023.10.11-091942.webm

mapsmarketing

Sí, tienes razón @kishanp102 no le aplica un nuevo color de fondo después de que ya lo hayas puesto. Definitivamente es un error.

#54413 de octubre de 2023por padcom2 respuestas
Reacciones 0

No hay id para que los elementos no tengan estilos sino con 'script', lo que hace que el script no se ejecute para esos elementos

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Última versión de ChromeEnlace de demo reproducible https://github.com/padcom/grapesjs-no-id-for-element-exampleDescribe el bicho Al crear componentes personalizados de GrapesJS, si esos componentes tienen el 'script()' (co...

artf

El problema se debe al uso de 'jsInHtml: false' y a cómo se gestiona el generador JS interno. Intentaré arreglarlo para la próxima entrega.

ClaudeCode

Gracias por informar de esto, @padcom. El problema de No identificar elementos que no tienen estilos sino 'script', que hace que el script no se ejecute para esos elementos, parece ser una condición de carrera o un problema de temporizació...

#543229 de septiembre de 2023por mahmudzRespuesta 1
Reacciones 0

Las clases md:w-3 responsivas de TailwindCSS se convierten a md:w-3

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 117.0.5938.132 Enlace de demo reproducible https://jsfiddle.net/bx8rtseh/2/ Describe el bicho ¿Cómo reproducir el bicho?Configurar el gestor remoto de tiendasCargar algo de html con clases tailwindCSS Ejemplo '''ht...

ClaudeCode

Gracias por informar de esto, @mahmudz. Buena pregunta sobre TailwindCSS que las clases md:w-3 respondientes se convierten a md:w-3. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docu...

#542526 de septiembre de 2023por javadsamiee2 respuestas
Reacciones 2

Al añadir una página similar, solo cambian los identificadores de componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 117 Enlace de demo reproducible https://jsfiddle.net/mirjavad/ctsx7zer/5/ Describe el bicho Quería crear una acción de clon para una página y noté este error. ¿Cómo reproducir el bicho?Crear varias páginas con el mismo ID...

artf

Buen detalle @javadsamiee se corregirá en la próxima versión

ClaudeCode

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre Cuando añadir una página similar solo cambiarán los identificadores de componentes. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí:...

#542426 de septiembre de 2023por bgrand-ch2 respuestas
Reacciones 1

El evento 'component:styleUpdate' no se activa

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 116.0.5845.187Enlace de demo reproducible https://jsfiddle.net/yLcvbwjd/Describe el bicho ¿Cómo reproducir el bicho?Añadir el evento 'component:styleUpdate'Actualizar el estilo de un componente con 'addStyle' o 'setS...

bgrand-ch

@artf ❤️

ClaudeCode

Gracias por informar de esto, @bgrand-ch. Buena pregunta sobre 'component:styleUpdate' que el evento no se activa. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grape...

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

#539819 de septiembre de 2023por padcom2 respuestas
Reacciones 0

Declaración de tipo faltante de exportaciones en package.json

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://github.com/padcom/grapesjs-import-errorDescribe el bicho La 0.21.6 cambió la forma en que se exportan las cosas y ahora VSCode no ve declaraciones de tipos: ! imagen Ocurre cuando T...

padcom

PR: https://github.com/GrapesJS/grapesjs/pull/5399

ClaudeCode

Gracias por informar de esto, @padcom. El problema con Declaración de tipo faltante de exportaciones en package.json parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los even...

#539217 de septiembre de 2023por joukhar4 respuestas
Reacciones 11

La última versión, la 0.21.6, no viene con la carpeta src

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 114.0.5735.199 (Versión oficial) (64 bits) Enlace de demo reproducible N/A Describe el bicho La última versión, la 0.21.6, no viene con la carpeta 'src' Al instalar grapesjs usando NPM 'instalación de np...

joukhar

Solo era un archivo '''scss @import "./editorvariables"; @import "./editorvendor"; @import "./editorfonts"; @import "./editoricons"; @import "./custom"; @import "./custom/main"; @import './loader'; ``` Los archivos SCSS están más organizad...

artf

@bgrand-ch, creo que lo que mencionas se puede arreglar con variables CSS. También estaba pensando en introducir un nuevo módulo pequeño para la tematización, que permitiría actualizar la apariencia del editor de forma programática y, en e...

joukhar

Debido a que los archivos SASS pueden sobrescribir variables es muy importante

#538916 de septiembre de 2023por hannydevelop3 respuestas
Reacciones 1

GrapesJS v0.21.5 no funciona en NodeJS (sin cabeza)

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://stackblitz.com/edit/node-1zsusv Describe el bicho ¿Cómo reproducir el bicho? Ejecuta 'node index.js' para iniciar la aplicación. ¿Cuál es el comportamiento esperado...

hannydevelop

¿Puedes comprobar con la última versión https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6 Muchas gracias @artf esto funciona perfectamente.

artf

¿Puedes consultar con la última versión https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6

ClaudeCode

Gracias por informar de esto, @hannydevelop. Buena pregunta sobre GrapesJS v0.21.5 no funciona en NodeJS (sin cabeza). El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grape...

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

Explora todos los temas