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 336

🔍 style-manager
#610231 de agosto de 2024por Alababdiy3 respuestas
Reacciones 5

Rasgos no mostrados tras recargar el editor para un componente personalizado

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 91VEnlace de demo reproducible https://jsfiddle.net/8tsj5vpb/Describe el bicho Me estoy encontrando con un problema con GrapesJS donde los rasgos definidos para un componente personalizado no se muestran después de r...

mohamedsalem401

@Alababdiy No pude reproducir el problema usando el enlace proporcionado. Sin embargo, parece que el problema es que GrapesJS no permite añadir ni definir un componente una vez que ha sido inicializado.

mohamedsalem401

Hola @Alababdiy, No pude reproducir el problema que describiste en el JSFiddle.

GJS Helper

Te has encontrado con un problema común relacionado con cómo GrapesJS persiste y vuelve a identificar componentes personalizados tras recargar el editor. Los rasgos de tu componente personalizado desaparecen porque GrapesJS no está reasoci...

#609630 de agosto de 2024por kanaihyakumar4 respuestas
Reacciones 2

La caja redimensionable desaparece al volver a seleccionar componentes

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/kanaihyakumar/oedg76nt/ Describe el bicho Descripción Al seleccionar cualquier componente del lienzo, se resalta la caja inferior de redimensionamiento según la conf...

kanaihyakumar

Antes, necesitaba ser más claro sobre los pasos para reproducir el problema. Aquí están los pasos más precisos para resolver el problema. Pasos para reproducir el problema:Haz clic directamente en la sección.Observa las opciones de tamaño...

kanaihyakumar

Créeme, tuve suerte de poder encontrar este comportamiento trágico de hacer clic en diferentes lugares dentro de la sección que se comportaba pero era diferente.

artf

No veo que desaparezca si no es al pulsar el clic, pero eso es de esperar cuando se prepara para arrastrarse

#60519 de agosto de 2024por SAJAD-CH2 respuestas
Reacciones 0

Problema con el plugin

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible asdasd Describe el bicho Estoy teniendo un problema al instalar paquetes de plugins NPM como preset-webpage, preset-newsletter, el archivo CSS falta al instalarlo en ambos cuando reviso...

artf

@SAJAD-CH, por favor, proporciona una demo en directo reproducible (por ejemplo, a través de stackblitz) cuando abras un problema de error

GJS Helper

Parece que te estás encontrando con un problema común al integrar plugins de GrapesJS en frameworks JavaScript modernos como Angular, donde los archivos CSS no aparecen como archivos independientes en nodemodules para enlaces directos. Est...

#60396 de agosto de 2024por Gryphonn4 respuestas
Reacciones 3

No se puede establecer el valor de visualización de bloques

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 126 Enlace de demo reproducible https://jsfiddle.net/Gryphonn/ob1pznh6/ Describe el bicho ¿Cómo reproducir el bicho?Elige cualquier palabra.Envuélvelo para darle estilo.Mantén esta palabra seleccionada.Ir a la pant...

artf

Sí, el problema está aquí: https://github.com/GrapesJS/grapesjs/blob/1e3766f0060e6da502fccf9ba9eb938d5ac860bb/src/style_manager/model/PropertyFactory.ts#L267 ¿Tendría sentido añadir una opción nueva como 'inicial' y convertirla en la prede...

danstarns

> Hola @Gryphonn,> intenté reproducir tu problema pero los pasos no son muy claros, por favor reformulábelo.bandicam.2024-08-08.21-07-14-667.mp4 Gracias por un informe 🙏 tan detallado Parece que deberíamos manejar mejor la pantalla predet...

danstarns

Hola @Gryphonn, Intenté reproducir tu problema pero los pasos no son muy claros, por favor reformulábelo.

#601221 de julio de 2024por aswinkumar863Respuesta 1
Reacciones 0

El valor del número de entrada no se mantiene al usar flechas arriba/abajo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v126 Enlace de demo reproducible https://codepen.io/aswinkumar863/pen/VwJaVYG Describe el bicho ¿Cómo reproducir el bicho?Abre la demo.Haz clic en la sección "Haz clic en mí" dentro del cuerpo del editor.Navega has...

GJS Helper

Has identificado correctamente un error en GrapesJS donde los campos input type="number" en el Style Manager y el Trait Manager no persisten correctamente en los valores introducidos manualmente cuando se usan las flechas arriba/abajo sin...

#59904 de julio de 2024por ihatov084 respuestas
Reacciones 1

Cuando eliminas un componente, las clases duplicadas entre componentes se eliminan.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 126.0.6478.127 (Windows) Enlace de demo reproducible https://jsfiddle.net/t06s4oLb/8/ Describe el bicho ¿Cómo reproducir el bicho?Añadir la sección 1 al lienzoAñadir la sección 2 al lienzo bajo la sección 1Retirar...

artf

Deberías evitar poner estilos compartidos en los relacionados con componentes. Consulta esta discusión sobre cómo evitar esto: https://github.com/GrapesJS/grapesjs/discussions/5968

ihatov08

Como solución temporal, los estilos para cada componente se prefijan con id. '''js importar { html as hero1html, css as hero1css } de './data/hero-1'; importar { html as content1html, css as content1css } desde './data/content-1'; fuentes...

ihatov08

@artf Gracias por tu respuesta. Me gustaría confirmar el #5968

#59842 de julio de 2024por Ju99ernautRespuesta 1
Reacciones 0

" " " están siendo eliminados por RTE

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v123.0.6312.124 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Añadir un elemento de textoAbre RTE y escribe una palabraSelecciona la palabra y haz que sea un...

GJS Helper

El problema que estás experimentando, donde se eliminan espacios entre elementos con estilo (como enlaces) en el Editor de Texto Enriquecido de GrapesJS (RTE) es un comportamiento común en muchos editores HTML y navegadores debido a cómo s...

#59822 de julio de 2024por ihatov082 respuestas
Reacciones 1

Se eliminan estilos de componentes como md:flex-row (viento de cola)

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? Chrome 126.0.6478.127Enlace de demo reproducible https://jsfiddle.net/6m53pwy7/4/Describe el bicho ¿Cómo reproducir el bicho? Estoy buscando usar Tailwind con GrapesJS, pero este framework utiliza Utility First CSS Classes para crea...

artf

Necesitas escapar correctamente del CSS '''js .md\\\:p-18 { acolchonado: 4rem; } ```

GJS Helper

Parece que te has encontrado con una limitación o error conocido en el análisis de CSS y la gestión de estilos de GrapesJSal tratar con selectores que contienen dos puntos escapados (\:), que son comunes en frameworks como Tailwind CSS par...

#596925 de junio de 2024por uncldrwRespuesta 1
Reacciones 0

El nombre de @container directiva carece de espacio al exportar CSS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome LTS Enlace de demo reproducible / Describe el bicho He notado que la directiva @container carece de espacio en blanco al exportar el código. Este es el código que proporciono: '''css @container portátil (ancho máxi...

GJS Helper

Has identificado un error legítimo en el proceso de serialización CSS de GrapesJSal manejar directivas @container con un nombre especificado. El problema surge de que el analizador/exportador interno de CSS elimina el espacio en blanco ese...

#594212 de junio de 2024por adarshsingh1972 respuestas
Reacciones 0

BUg en RichTextEditor

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible He dado el código en los problemas Describe el bicho [Emisión de pantalla del 24-06-12-15:09:58 IST.webm] (https://github.com/GrapesJS/grapesjs/assets/130237200/d5bbb21e-2e44-4564-a407-4...

artf

Por la demo oficial parece funcionar como se espera, así que supongo que está relacionado con tu lógica personalizada. Por favor, proporcionad una demo mínima y reproducible del número.

GJS Helper

El problema que estás experimentando, donde el formato en negrita o cursiva desaparece tras aplicarlo y hacer clic para cerrar, es un problema común de sincronización al personalizar el Editor de Texto Enriquecido (RTE) de GrapesJS con cus...

Explora todos los temas