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

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

#600113 de julio de 2024por thighRespuesta 1
Reacciones 0

El administrador de capas se interrumpe al alternar entre páginas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? MS Edge 126.0.2592.87 (Versión oficial) (arm64) Enlace de demo reproducible N/D Describe el bicho ¿Cómo reproducir el bicho?... Usando las versiones 0.21.11 o 0.21.12 de grapesjs, crea un proyecto de varias páginas. Mient...

GJS Helper

Parece que has encontrado una regresión conocida en GrapesJS versiones 0.21.11 y 0.21.12 relacionada con el comportamiento del Gestor de Capas en proyectos de varias páginas. El problema se manifiesta al volver a una página cargada previam...

#59935 de julio de 2024por TutorialMan77272 respuestas
Reacciones 0

Se muestran viñetas vacías

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Ópera 109 Enlace de demo reproducible https://jsfiddle.net/9zmyrhoe/ Describe el bicho ¿Cómo reproducir el bicho? Abre el jsfiddle de arriba y corre ¿Cuál es el comportamiento esperado? Los paneles no están pensados para...

TutorialMan7727

Así que, el CSS de abajo no funcionó. Tuve que cambiar manualmente el CSS en el archivo grapes.min.css. El CSS no podía anular el CSS en grapes.min.css. .gjs-cv-canvas { arriba: 0; ancho: 100%; altura: 100%; }

GJS Helper

El problema de que aparezcan "paneles negros vacíos" en tu editor de GrapesJS , incluso cuando panels.defaults está configurado en un array vacío, proviene de cómo GrapesJS inicializa su interfaz. Aunque configurar panels.defaults: [] impi...

#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

#59894 de julio de 2024por ihatov083 respuestas
Reacciones 1

No se puede seleccionar en lienzo si las etiquetas están anidadas

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/vbu18q5f/2/ Describe el bicho ¿Cómo reproducir el bicho?No puede seleccionarse en lienzo si las etiquetas están anidadas El bloque de la sec...

ihatov08

@artf Lo siento, los frameworks no lo solucionan todo como dices. A partir de ahora me aseguraré de leer bien la documentación. Gracias por tu respuesta.

artf

Esto no es un bug, sino más bien un problema de experiencia de usuario relacionado con cómo funciona HTML en general; esa es también la razón exacta por la que ofrecemos el botón "seleccionar padre" en la barra de herramientas. No esperes...

GJS Helper

Este es un reto común en editores visuales como GrapesJS cuando los elementos están anidados y se solapan visualmente o comparten dimensiones similares. El núcleo del problema radica en cómo GrapesJS (y los navegadores en general) gestiona...

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

#594111 de junio de 2024por shahsalmanbukhari3 respuestas
Reacciones 1

GrapesJS CDN no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 125.0.6422.113 Enlace de demo reproducible <script src="https://grapesjs.com/js/toastr.min.js"></script> Describe el bicho ¿Cómo reproducir el bicho?Haz clic en cualquiera de estos enlaces, te mostrarán la página 4...

artf

Oye@shahsalmanbukhari a lo que te refieres no es una CDN, sino simples assets en la web pública. Por favor, no los utilicéis porque no hay versión ni garantía de que no se trasladen (ya que ocurrió por el traslado de la web). Usa una CDN r...

shahsalmanbukhari

Oye, @shahsalmanbukhari a lo que te refieres no es una CDN, sino a simples recursos en la web pública. Por favor, no los utilicéis porque no hay versión ni garantía de que no se trasladen (ya que ocurrió por el traslado de la web).Usa una...

GJS Helper

El problema que estás encontrando con los errores 404 para los enlaces de GrapesJS proporcionados se debe a un malentendido de cómo se suelen servir GrapesJS assets. Los enlaces que has compartido, como https://grapesjs.com/js/toastr.min.j...

Explora todos los temas