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 545

🔍 typescript
#500924 de marzo de 2023por Drive4ik2 respuestas
Reacciones 0

Style parsing error if it has @import

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? solo Firefox (todas las versiones)Enlace de demo reproducible https://jsfiddle.net/03m6jz5f/Describe el bicho ¿Cómo reproducir el bicho?Borrar la caché del navegadorPrueba a importar plantilla con etiqueta de estilo que ten...

artf

No es realmente solucionable porque los analizadores GrapesJS no pueden ser asíncronos ahora mismo, pero en cualquier caso, desde la perspectiva del rendimiento, nunca deberías usar '@import' en tu CSS porque genera una solicitud de bloqueo

GJSBlock

Gracias por informar de esto, @Drive4ik. Buena pregunta sobre el error de análisis de estilo si tiene @import. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...

#500323 de marzo de 2023por ngoc1992 respuestas
Reacciones 0

Slow absolute drag on Chrome

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 111 Enlace de demo reproducible https://jsfiddle.net/9zf4kd6e/ - esta es la demo del Modo Diseñador Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de imagen con 'dragMode' absolutoSube una imagen...

artf

@ngoc199 estoy abordando la mayor parte del problema sobre el modo absoluto aquí. Creo que el problema del tamaño se podría añadir fácilmente aquí, pero la imagen grande de SVG embebida (por defecto, sin un almacenamiento externo de assets...

GJSBlock

Gracias por informar de esto, @ngoc199. Buena pregunta sobre resistencia lenta absoluta en Chrome. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu mód...

#500022 de marzo de 2023por applibs2 respuestas
Reacciones 0

Localization works weird

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 111 Enlace de demo reproducible https://jsfiddle.net/zfkuq7sh/ Describe el bicho Algunos textos se traducen y otros no. Algunas se traducen solo después de que pulso algún botón de herramienta, y entonces se traduc...

artf

@applibs no puedo ayudar si no proporcionas una demo reproducible válida, por favor incluye todas las dependencias que faltan.

GJSBlock

Gracias por informar de esto, @applibs. El problema con La localización funciona de forma extraña 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...

#499822 de marzo de 2023por glaprida4 respuestas
Reacciones 0

ShowOffsetsSelected not working

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chome v111 Enlace de demo reproducible https://codepen.io/glaprida/pen/YzOJOGq Describe el bicho ¿Cómo reproducir el bicho?Abre el enlace del codepen. Arrastra cualquier bloque básico al lienzo con algún margen o relleno....

glaprida

Hola, veo que ahora funciona mientras se coloca el elemento aunque esté seleccionado (antes solo funcionaba con elementos no seleccionados) ... pero solo muestra los desplazamientos mientras se pasa el cursor (pensaba que 'showOffsetsSelec...

artf

Sí, por ahora esto es lo que se pretende hacer. Probablemente algún día volvamos a hacerlo más personalizable (posibilidad de extender/crear manejadores de estilo en el lienzo).

glaprida

Hola, perdón por la insistencia... ¿pero se te ocurre alguna forma de que pueda lograrlo? Lo que necesito es mostrar los desplazamientos del elemento seleccionado, independientemente de si está flotado o no.

#499121 de marzo de 2023por glapridaRespuesta 1
Reacciones 0

Marcador marcador incorrecto al arrastrar un elemento de cuadrícula display:grid

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v111Enlace de demo reproducible https://codepen.io/glaprida/pen/eYLLXbQDescribe el bicho ¿Cómo reproducir el bicho?Ir al enlace del codepen https://codepen.io/glaprida/pen/eYLLXbQArrastra una sección hasta el lienzoA...

GJSBlock

Gracias por informar de esto, @glaprida. Buena pregunta sobre marcador marcador incorrecto al arrastrar un elemento display:grid. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#49627 de marzo de 2023por himansh-gjrRespuesta 1
Reacciones 0

Broken links in the docs

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible no Describe el bicho Creo que muchos enlaces de 'objetos de configuración' en la documentación siguen siendo a archivos javascript, pero el código se ha actualizado a typescript <img...

GJSBlock

Gracias por informar de esto, @himansh-gjr. El problema con enlaces rotos en la documentación parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida d...

#494727 de febrero de 2023por FaisalShaikhHA4 respuestas
Reacciones 2

Undo manager not working properly on undoing a remove action

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome - versión 110.0.5481.100 (Versión oficial) (arm64)Enlace de demo reproducible https://codepen.io/faisal-praella/pen/ExeNwxJDescribe el bichoHe añadido un componente personalizado columns con un nombre de rasgo numéri...

artf

Sí, deshacer activa el 'change:columns', en tu caso podrías intentar envolver tus cambios en 'updateColumns' en el 'editor'. Deshacer. Gestionador.saltar. '''js updateColumns() { editor. UndoManager.skip(() => { Tus operaciones }) } ```

artf

Vale, entonces cierro este y por favor abre un nuevo problema de error relacionado con rasgos de casilla.

FaisalShaikhHA

Gracias, @artf funciona, para arreglarlo estaba desactivando el oyente de cambio de rasgos escuchando los eventos de deshacer el comando antes y ejecutar, pero esto se siente más limpio. El rasgo de casilla no se marca ni desmarca al desha...

#494021 de febrero de 2023por mani-rai2 respuestas
Reacciones 0

Destruir y reinicializar produce "No se pueden leer propiedades de indefinidas (leyendo 'get')"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Google Chrome Versión 110.0.5481.100 (Versión oficial) (64 bits) Enlace de demo reproducible https://stackblitz.com/edit/js-3urscf?file=index.html,index.js Describe el bicho ¿Cómo reproducir el bicho?Inicializar el editor...

artf

Sí, no se espera que la instancia del editor se destruya inmediatamente debido a algunas funciones asíncronas diferidas (por ejemplo, para el StorageManager), pero eso se puede arreglar. Por ahora puedes superar el problema haciendo algo a...

GJSBlock

Gracias por informar de esto, @mani-rai. Buena pregunta sobre Destruir y reinicializar produce "No se pueden leer propiedades de indefinidas (leyendo 'get')". El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empie...

#492211 de febrero de 2023por clonefunnels2 respuestas
Reacciones 0

Usar el código !important proporcionado aquí rompe la imagen de fondo y el degradado.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https://jsfiddle.net/jLgb0mv3/1/ Describe el bicho ¿Cómo reproducir el bicho?... Pon este código en el editor: editor.on('styleable:change', (model, property) => { valor const = model.g...

artf

Solo veo el problema con las propiedades de style manager 'composite'/'stack' y eso es porque no todas las propiedades de style manager forman parte de los estilos, así que en tu código solo tendrías que comprobar si el valor del estilo re...

GJSBlock

Gracias por informar de esto, @clonefunnels. Buena pregunta sobre Usar !código importante proporcionado aquí rompe la imagen de fondo y el degradado.. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí...

#49198 de febrero de 2023por maliuta-oleksandr2 respuestas
Reacciones 0

Calling destroy method breaks the editor ( React app )

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 109.0.5414.119 Enlace de demo reproducible Describe el bicho ¿Cómo reproducir el bicho?Añadir el oyente de eventos al clic exteriorMétodo de llamada destrucción ¿Cuál es el comportamiento esperado?Destruir sin erro...

artf

¿Puedes proporcionar una demo reproducible ya que yo no puedo reproducirla por mi parte?

GJSBlock

Gracias por informar de esto, @maliuta-oleksandr. Buena pregunta sobre llamar al método destroy rompe el editor (app React ). El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la document...

Explora todos los temas