PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

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.

GJS Helper

El problema que has descrito es un comportamiento conocido en GrapesJS relacionado con cómo se generan y optimizan los IDs de componentes durante la serialización HTML. Cuando un componente personalizado tiene una función script() pero no...

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

GJS Helper

El problema que estás encontrando, donde clases de TailwindCSS como md:w-1/2 se transforman en md:w-1-2 al cargarse en GrapesJS, proviene de la gestión interna de clases y la lógica de análisis de GrapesJS. Causa raíz GrapesJS, por defecto...

#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

GJS Helper

El problema que has encontrado es un comportamiento conocido en GrapesJS al inicializar varias páginas con componentes que comparten los mismos IDs iniciales y estilos inline correspondientes. GrapesJS identifica y renombra correctamente l...

#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 ❤️

GJS Helper

El evento component:styleUpdate en GrapesJS es un evento a nivel de editor que se activa principalmente por el Gestor de Estilos GrapesJS u otros mecanismos internos del editor cuando el estilo de un componente se modifica a través de la i...

#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

GJS Helper

¡Hola! Has identificado correctamente un cambio en cómo GrapesJS empaqueta sus estilos a partir de la versión 0.21.x. El archivo main.scss , junto con todo el directorio src/styles/scss , efectivamente ya no está incluido en la carpeta nod...

#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

GJS Helper

Este es, de hecho, un informe de error válido relacionado con cómo TypeScript resuelve declaraciones de tipos al usar estrategias modernas de resolución de módulos, específicamente moduleResolution: "bundler" (o node16/nodenext). Causa raí...

#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

GJS Helper

El problema que te encuentras, TypeError: grapesjs.init is not a function al ejecutar GrapesJS en un entorno Node.js, proviene de un malentendido fundamental sobre cómo funciona GrapesJS y el propósito de la opción headless: true . Causa r...

#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