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

#40069 de diciembre de 2021por dev43224 respuestas
Reacciones 0

Background color automatically changes to black

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://grapesjs.com/demo.html. Describe el bicho Por defecto, el color de fondo no es ninguno. Cuando hago clic en el selector de color para cambiar el color de fondo y no selecciona ni...

artf

No puedo reproducirlo, ¿puedes proporcionar una grabación de pantalla del problema?

dev4322

@artf https://www.loom.com/share/223f7badb9994988be49833452bf11fd

jloguercio

Tengo el mismo problema, si haces clic fuera del selector de color, se pone negro

#40018 de diciembre de 2021por javadsamiee2 respuestas
Reacciones 0

No puede mantener la unidad actual cuando la primera entrada tiene valor Auto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 96.0.4664.93 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Crear un bloque nuevo, por ejemplo, Bloque de TextoNavegar dimensión > ancho (por defecto es Auto)Cambiar...

artf

Mirando la demo actual, parece que está solucionado.

GJSBlock

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre No puede contener la unidad actual cuando la primera entrada tiene valor Automático. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Con...

#40007 de diciembre de 2021por zachsnoek4 respuestas
Reacciones 0

Pasting a component in root body layer throws TypeError

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v89 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?En la demo oficial, navega al gestor de capas y copia cualquier capa con 'cmd+c'Haz clic en la raíz de la c...

artf

Gracias@zachsnoek sí, como el envoltorio (cuerpo) es un componente raíz, no tiene la colección relacionada. Probablemente necesitemos actualizar la lógica de pegado, pero tu solución actual es un buen parche por ahora para evitar ese error...

zachsnoek

Gracias@zachsnoek sí, como el envoltorio (cuerpo) es un componente raíz, no tiene la colección relacionada. Probablemente necesitemos actualizar la lógica de pegado, pero tu solución actual es un buen parche por ahora para evitar ese error...

GuiMoraesDev

Chicos, estoy pasando por un problema similar Para mí, el error ocurre en FileUploader ! [Captura de pantalla del 16-12-2021 17-10-32] (https://user-images.githubusercontent.com/18218319/146442408-edc2621f-ea02-4131-bac6-47dd2ff384c7.png)...

#39977 de diciembre de 2021por kuhelbeher2 respuestas
Reacciones 0

Can't remove border of element

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible https://codesandbox.io/s/grapes-border-issue-94lje Describe el bicho ¿Cómo reproducir el bicho?Seleccionar bloque con bordes superior e inferiorIr al panel de estilo -> Decoraciones...

artf

Hola @kuhelbeher con el nuevo lanzamiento de https://github.com/artf/grapesjs/releases/tag/v0.18.1 esto se puede manejar. El principal problema aquí es cómo está configurada la propiedad de borde incorporada, que es un tipo compuesto de 'a...

GJSBlock

Gracias por informar de esto, @kuhelbeher. Buena pregunta sobre No se puede eliminar el borde de elemento. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de t...

#39861 de diciembre de 2021por throne19864 respuestas
Reacciones 3

Cannot read properties of undefined (reading 'uploadFile')

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96.0.4664.45 Enlace de demo reproducible https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/pages/Editor.js Describe el bicho ¿Cómo reproducir el bicho? Simplemente arrastra y suelta e...

jkntar

Yo también me encontré con este problema. Parecía ocurrir cada vez que empezaba a arrastrar el icono de medios de un bloque en lugar del texto del bloque o el contenedor del bloque. Parece que el problema se resolvió añadiendo 'pointer-eve...

markovic-nikola

'pointer-events: none;' no me funciona, literalmente tengo que reiniciar todo el navegador para que vuelva a funcionar con normalidad.

luasenvy

'pointer-events: none;' no me funciona, literalmente tengo que reiniciar todo el navegador para que vuelva a funcionar con normalidad. @markovic-nikola: Esto es MUY IMPORTANTE. MUCHAS GRACIAS. :D

#397525 de noviembre de 2021por Sudhin352 respuestas
Reacciones 0

Imagen de fondo Empieza a duplicarse en todas las páginas si añadimos solo para una página

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v9Enlace de demo reproducible NadaDescribe el bicho ¿Cómo reproducir el bicho?Implementar el concepto de multipágina Crea las 3 páginasHaz clic en la imagen de fondo en decoraciones (Style Manager) y añádela a la pri...

artf

Por favor, comprueba esta opción primero https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors Si aún tienes problemas, abre un problema de bugs adecuado con un enlace de demostración reproducible.

GJSBlock

Gracias por informar de esto, @Sudhin35. Buena pregunta sobre La imagen de fondo empieza a duplicarse en todas las páginas si añadimos solo para una página. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empiez...

#397223 de noviembre de 2021por ronaldohoch2 respuestas
Reacciones 1

Can't drop img inside noscript tag

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Brave Versión 1.32.106 Chromium: 96.0.4664.45 (Versión oficial) 64 bits Enlace de demo reproducible https://jsfiddle.net/960huLz5/ Describe el bicho ¿Cómo reproducir el bicho? Abrir grapesjs correr: editor.addComponents('...

artf

Hola @ronaldohoch gracias por el informe. Lo que dices es cierto, pero desafortunadamente, este es el resultado del análisis del HTML nativo DomParser, así que no veo una forma adecuada de solucionarlo. '''js const parser = nuevo DOMParser...

GJSBlock

Gracias por informar de esto, @ronaldohoch. Buena pregunta sobre no se puede soltar un img dentro de la etiqueta noscript. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#395117 de noviembre de 2021por majidh13 respuestas
Reacciones 3

Events On assetmanager not working

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible sin enlace Describe el bicho editor.on("Asset:Upload:Start",console.log) no funciona Después del versión: 17.00.26 No funciona AssetManager Eventos Activo:Upload:Start o Activo:Upload:Fi...

cusmai

Hola, sigo sin funcionar, los eventos no se cancelan:

artf

Arreglado aquí https://github.com/artf/grapesjs/pull/3934/files

GJSBlock

Gracias por informar de esto, @majidh1. El problema con Eventos en assetmanager que no funciona 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 vi...

#395017 de noviembre de 2021por ttjpatricRespuesta 1
Reacciones 0

Unable to create a link to image

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v95 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? Cuando arrastramos y soltamos una imagen en el objeto del bloqu...

GJSBlock

Gracias por informar de esto, @ttjpatric. Buena pregunta sobre No se puede crear un enlace a la imagen. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módul...

#394816 de noviembre de 2021por Sudhin352 respuestas
Reacciones 0

Mis Opciones (en rasgos) para un componente seleccionado se reinician cada vez que recarga la página

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible No está ahí Describe el bicho ¿Cómo reproducir el bicho?Instalar Grapes js e implementar el código select componentArrastrar el componente select al editorHaz clic en el componente selec...

artf

Hola @Sudhin35 por favor sigue esta API para tus rasgos personalizados y te recomiendo encarecidamente guardar tus opciones como propiedad de componente en lugar de usar componentes internos

GJSBlock

Gracias por informar de esto, @Sudhin35. Buena pregunta sobre Mis opciones (en rasgos) para un componente selecto que se reinicia cada vez que recarga la página. El enfoque recomendado con StyleManager es usar la API orientada a eventos. E...

Explora todos los temas