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 743

🔍 bug
#433619 de mayo de 2022por javadsamiee2 respuestas
Reacciones 1

"Importar plantilla" no sirve para eliminar estilos extra

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 101.0.4951.64 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Añadir bloque de párrafoAbre "Importar plantilla" y añade estas líneas y pulsa "Importar" ' h1,...

artf

Gracias por el informe @javadsamiee pero el problema en realidad viene del plugin preset-webpage https://github.com/artf/grapesjs/issues/3727#issuecomment-908255324 y no del núcleo en sí. La publicidad por la solución es bienvenida

ClaudeCode

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre "Importar plantilla" que no sirve para eliminar estilos extra. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentac...

#433518 de mayo de 2022por Sudhin353 respuestas
Reacciones 0

No hay forma de subir un componente de vídeo en segundo plano en el editor, por favor sugiere si hay alguna forma de subir vídeo en segundo plano

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v9 Enlace de demo reproducible No está ahí Describe el bicho ¿Cómo reproducir el bicho?Instalar las uvas en la app ReactAbre el editor y mira el menú de configuración del cuerpo del editor ¿Cuál es el comportamient...

Sudhin35

@artf Por favor, sugiéndeme si hay alguna forma de usar la función mencionada anteriormente

artf

Por favor, abre un problema solo en caso de errores, no en tus solicitudes personales

ClaudeCode

Gracias por informar de esto, @Sudhin35. Buena pregunta sobre No hay forma de subir un componente de vídeo de fondo en el editor, por favor, sugiéndeme si hay alguna forma de subir vídeo de fondo. El enfoque recomendado con GrapesJS es usa...

#433317 de mayo de 2022por MerorhRespuesta 1
Reacciones 0

ErrorTipoUncatch: No se pueden leer propiedades de null (leyendo 'ownerDocument')

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromium 101.0.4951.64 (Versión oficial) snap (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Seleccionar una imagen y redimensionarla, y mantener pulsado e...

ClaudeCode

Gracias por informar de esto, @Merorh. Buena pregunta sobre ErrorTipoDeUncatch: No se pueden leer propiedades de null (leyendo 'ownerDocument'). El enfoque recomendado con Teclado es usar la API basada en eventos. Empieza aquí: Consulta la...

#432312 de mayo de 2022por mohdSuhailCoditation4 respuestas
Reacciones 10

Problemas de rendimiento al arrastrar un componente a un lienzo cuando tienes 2k componentes en lienzo

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Google Chrome Versión 101.0.4951.41 (Versión oficial) (64 bits)Enlace de demo reproducible https://jsfiddle.net/Laze0pyg/Describe el bicho ¿Cómo reproducir el bicho?Añadir 2k componentes usando el script siguiente.'por(sea...

GedMarc

Pero... ¿Añades 2000 elementos de dom con cualquier estilo básico a cualquier página y tendrás lag? Puede que no sea la herramienta, pero ¿cómo se está usando la herramienta? También comprueba la velocidad de renderizado de tu navegador en...

artf

Con el último lanzamiento, que contiene la refactorización del Sorter por @mohamedsalem401, la demo anterior parece funcionar bien ahora 🥳

vizardkill

https://github.com/GrapesJS/grapesjs/assets/37307788/2d653d49-1a57-458c-bc8c-4833c8c7a690 Tengo el mismo problema, y no creo que sea por el tamaño, estoy usando el PageManager y precargo una plantilla html y al intentar arrastrar nuevos el...

#43105 de mayo de 2022por barryross4 respuestas
Reacciones 1

Style Manager es inexacto cuando se usan selectores CSS combinados, que contienen "bout" y componentFirst = true

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 100 Enlace de demo reproducible https://jsfiddle.net/4fmd732c/3/ Describe el bicho ¿Cómo reproducir el bicho? Dado a) 'componentFirst' se establece como 'verdadero' b) Un elemento tiene varias clases c) La regla CS...

barryross

@artf ¡Genial! Gracias. Para usar estas actualizaciones, supongo que solo tendría que reconstruir la biblioteca localmente con tus cambios hasta la próxima versión. Lo probaré.

artf

Buen apunte, gracias por el informe @barryross

barryross

@artf cuándo prevés que salga el próximo lanzamiento?

#429427 de abril de 2022por DavidHarvey2 respuestas
Reacciones 0

No se pueden insertar componentes textibles en áreas de texto pequeñas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v100 Enlace de demo reproducible https://jsfiddle.net/ob0ajh67/ Describe el bicho ¿Cómo reproducir el bicho?Tener una sola línea de texto sin estilos de talla adicionales (como relleno o altura explícita).Intenta a...

harsh201

@artf yo también estoy teniendo el mismo problema. ¿Alguna sugerencia?

ClaudeCode

Gracias por informar de esto, @DavidHarvey. Buena pregunta sobre No poder colocar componentes textibles en áreas de texto pequeñas. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docum...

#428927 de abril de 2022por candidodmv2 respuestas
Reacciones 1

El evento "storage:start:load" no se está activando

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible Asigna "storage:start:load" a una instancia de editor y ve la salida console.log Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado?...

artf

Sí, con la versión actual deberías vincular el evento en un plugin, de lo contrario no se captura el primer 'start:load'. Esto debería solucionarse en la próxima versión.

ClaudeCode

Gracias por informar de esto, @candidodmv. Buena pregunta sobre que el evento "storage:start:load" no se está activando. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

#428525 de abril de 2022por zauchad2 respuestas
Reacciones 0

Ancho de barra de herramientas que no se ajusta correctamente

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v100.0.4896.127Enlace de demo reproducible No hay enlace de demostración.Describe el bicho ¿Cómo reproducir el bicho?Simplemente coloca iconos más grandes dentro de la barra de herramientas (por ejemplo, clase de fon...

artf

Hay muchas razones para mantener fijo el tamaño del elemento de la barra de herramientas; si quieres que sea más grande, simplemente puedes actualizar el CSS.

ClaudeCode

Gracias por informar de esto, @zauchad. Buena pregunta sobre [barra de herramientas de componentes] El ancho de la barra de herramientas no se ajusta correctamente. El enfoque recomendado con Componentes es utilizar la API orientada a even...

#426316 de abril de 2022por omkar1111112 respuestas
Reacciones 0

¿Cómo se debe certificar SSL?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Enlace de demo reproducible Describe el bicho Perdón por preguntarlo aquí. Pero tengo prisa. Estoy creando un servicio en el que alojo sitios web para mis clientes. Entonces, para cada nuevo sitio, ¿GrapeDrop crea un nuev...

artf

Por favor, evita usar los problemas de GrapesJS para preguntas fuera de tema.

ClaudeCode

Gracias por informar de esto, @omkar111111. Buena pregunta sobre certificado SSL, ¿cómo hacerlo?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo espe...

#425713 de abril de 2022por DavidHarvey4 respuestas
Reacciones 3

La modificación de fondo no funciona para no imágenes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v100 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Haz clic en cualquier componente, desplázate hasta Decoraciones > Fondo en el gestor de estilosIntenta cre...

bit-ocean

Hola @artf ¿Hay alguna posibilidad de que esta función reciba algo de atención? Me parece fundamental. Se ha añadido muchísima funcionalidad excelente a grapesjs desde la 0.17.29 (la última que soporta el plugin grapesjs-style-bg) y me enc...

Vac1911

Puedes usar la entrada de color de fondo para un color de imagen, pero la interfaz se ve confusa y debería cambiarse. ! imagen

artf

Sí, desactivé el plugin anterior con color/degradados porque no es compatible con las últimas versiones, pero pronto trabajaré en ello. Por ahora, cierro este asunto porque no tiene nada que ver con el núcleo en sí.

Explora todos los temas