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 877

🔍 question
#33053 de marzo de 2021por RaresVlaiduc3 respuestas
Reacciones 11

Botón no activado al hacer clic

Versión: v0.16.41 ¿Puedes reproducir el error de la demo? [ ] Sí [x] No ¿Cuál es el comportamiento esperado? Cuando hago clic en un botón, debería añadirse la clase gjs-pn-active. Describe el error detallado Tengo 3 botones para 3 dispositivos diferentes (sobremesa, tablet y móvil). Los tengo en un panel superior y cu...

Ju99ernaut

Grapesjs requiere que tus comandos tengan las funciones de 'correr' y 'parar' para que puedan activar automáticamente los botones del panel, así que quizá ese sea el problema: '''js const cm = editor. Órdenes; Grapesjs no puede activar bot...

kerryj89

@Ju99ernaut Gracias por eso. El estado activo ahora me funciona al crear el panel 'devices-c' a través de 'grapesjs.init()'.

ClaudeCode

Gracias por informar de esto, @RaresVlaiduc. El problema con (v0.16.41) Botón no activado al hacer clic 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 cic...

#33042 de marzo de 2021por SyedHashimShah3 respuestas
Reacciones 2

¿Cómo puedo personalizar la interfaz de usuario de Grapesjs?

Quiero personalizar la interfaz de Grapesjs, pero los archivos js y css están minificados. Por favor, decidme cómo puedo hacer esto. Solo quiero mantener algunos bloques específicos como imágenes, texto, etc. en mi interfaz.

echobinod

Sass se utiliza para generar los archivos css minificados. Puedes cambiar las variables de estilo desde aquí: src/styles/scss/

artf

@SyedHashimShah https://grapesjs.com/docs/getting-started.html

ClaudeCode

Gracias por informar de esto, @SyedHashimShah. Buena pregunta sobre ¿Cómo puedo personalizar la interfaz de Grapesjs?. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

#33032 de marzo de 2021por RutujaBadbe4 respuestas
Reacciones 1

El orden de las categorías no se muestra correctamente

¡Hola! Quiero mostrar las categorías en el gestor de bloques en una secuencia determinada. Revisé la documentación y problemas anteriores y encontré algo sobre el atributo de orden. Así que probé a establecer el atributo de orden. Pero aún no se muestra en ese orden aunque el atributo de orden se esté configurando. ¿M...

Ju99ernaut

Supongo que puedes hacer que esto sea una solicitud de funcionalidad, no estoy seguro de si algo así existe ya en grapesjs. Aunque el orden de los bloques puede ser más fácil de gestionar si divides los bloques de cada categoría en diferen...

Ju99ernaut

Creo que el orden en que se añaden los bloques es lo que determina el orden de las categorías.

RutujaBadbe

@Ju99ernaut ¡hola! Gracias por la respuesta. Sí. Al final hice eso. ¿pero qué pasa si quiero hacerlo de forma dinámica? Si hay muchos bloques, ¿no es difícil mantener el orden?

#33012 de marzo de 2021por mmotov2 respuestas
Reacciones 0

El cambio de un elemento copiado afecta a otros elementos copiados

Versión:0.16.41 ¿Puedes reproducir el error de la demo? Sí ¿Cuál es el comportamiento esperado? Cuando copio y pego elementos (por ejemplo, texto) y hago cambios, solo debería cambiar el elemento seleccionado. ¿Cuál es el comportamiento actual? Por ahora, se aplican cambios a todos los elementos copiados ¿Puedes adjun...

JamieBunyassi

¿Cómo lo solucionaste?

ClaudeCode

Gracias por informar de esto, @mmotov. El problema con Cambiar un elemento copiado afecta a otros elementos copiados parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ci...

#32961 de marzo de 2021por RaresVlaiduc3 respuestas
Reacciones 1

Plugin de varias páginas

¡Hola! He visto algunas discusiones sobre algún tipo de plugin de varias páginas aquí. ¿Esto sigue siendo algo así? ¿Se ha hecho algo al respecto o debería empezar mi propio plugin? ¡Gracias!

Ju99ernaut

He hecho uno sencillo para indexedDB, pero también puede adaptarse para otros tipos de almacenamiento https://github.com/Ju99ernaut/grapesjs-indexeddb-ui sin embargo, planeo dejarlo en favor de un nuevo plugin que incluya otros tipos de al...

artf

Sí, todavía está bastante avanzado (no tengo fecha estimada de llegada, por desgracia), pero seguro que el PageManager estará en el núcleo.

ClaudeCode

Gracias por informar de esto, @RaresVlaiduc. Buena pregunta sobre [PREGUNTA]: Plugin de varias páginas. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módul...

#32951 de marzo de 2021por marcepoblet4 respuestas
Reacciones 0

ERROR (v0.16.41): Componente de botón con propiedad arrastrable no funciona correctamente

Versión: v0.16.41 ¿Puedes reproducir el error de la demo? [ ] Sí [ ] No ¿Cuál es el comportamiento esperado? Cuando tenemos un botón con la propiedad data-gjs-draggable en false, este botón no debería arrastrarse en el lienzo. Describe el error detallado PasosEstablecer un componente de botón con propiedad arrastrable...

artf

Supongo que estás haciendo algo mal, ¿cómo creas esos componentes y sus propiedades? Ni siquiera deberías ver esos atributos en el inspector.

marcepoblet

@artf En nuestros códigos no hemos cambiado nada. La única diferencia es que actualizamos la versión de GrapesJs. Antes tenía la versión v0.16.18 y funcionaba correctamente, pero ahora actualizamos GrapesJs a v0.16.41 y no funciona para lo...

marcepoblet

Establecemos las propiedades con esto: editor.getSelected().atributos.atributos["data-gjs-editable"] = 'falso' editor.getSelected().atributos.atributos["data-gjs-copyable"] = 'falso' editor.getSelected().atributos.atributos["data-gjs-dropp...

#329326 de febrero de 2021por eikerd2 respuestas
Reacciones 0

Blockmanager: añadiendo DIVs personalizados de clase gjs-block-category / gjs-title

Tengo una lista de categorías y quiero marcar algunas con un estilo diferente dependiendo de si son obligatorias o no. Así que idealmente podría añadir una clase a la div con la clase 'GJS-título' para que diga 'GJS-título requerido-campo' 'this.editor.BlockManager.getCategories();' devuelve un array de todas mis cate...

artf

Hola @eikerd revisando el código, por ahora no veo otra forma de personalizar los DOMs de categorías de bloques si no haces algo por tu cuenta con el DOM (una vez que los bloques están renderizados). Probablemente añadiré la vista al model...

ClaudeCode

Gracias por informar de esto, @eikerd. Buena pregunta sobre Blockmanager: añadir DIVs personalizados de clase gjs-block-category / gjs-título. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consul...

#329226 de febrero de 2021por sudiptochoudhury3 respuestas
Reacciones 1

¿Hay algún evento por componente antes de guardar que el componente pueda escuchar?

Te estoy muy agradecido por esta biblioteca. Contexto: Estoy construyendo un editor donde pretendo definir la mayoría de los componentes a partir de un conjunto existente de componentes de Vuejs que he desarrollado anteriormente y que utilizo en mis aplicaciones. La mayoría de estos son componentes simples y complejos...

Ju99ernaut

No estoy seguro de si existen ganchos así por componente, pero puedes intentar aprovechar la propiedad 'toHtml' de un componente. Ya se ha discutido en otros sitios, así que búscalo en los números, ya que hay bastantes.

artf

Sí, puedes definir tus componentes con una función personalizada 'toHTML'/'toJSON' (en el modelo), para personalizar su salida

ClaudeCode

Gracias por informar de esto, @sudiptochoudhury. El problema con ¿Hay algún evento por componente antes de guardar que el componente pueda escuchar? parece ser un problema de condición de carrera o de sincronización de estado. Esto suele o...

#329125 de febrero de 2021por marcepoblet4 respuestas
Reacciones 4

ERROR (v0.16.41): el icono duplicado de la barra de herramientas de iconos también está modificando el elemento original

Versión: v0.16.41 ¿Puedes reproducir el error de la demo? [ ] Sí ¿Cuál es el comportamiento esperado? Los elementos duplicados no deberían afectar los cambios en el elemento original. Describe el error detallado Pasos: seleccionar un elemento (texto, imagen, etc.)haz clic en el icono de duplicado desde la barra de her...

artf

Gracias por el informe, chicos, sé del error y ya está arreglado en desarrollo. Simplemente se me olvidó lanzarlo 😬. Intentaré lanzarlo hoy.

devtechk

@artf ¡Muchas gracias! me ahorraste mucho trabajo _ Estuve intentando depurar este problema toda la tarde... Luego, para casualidad, me he dado cuenta, comprobando en NPM, que la versión 0.16.44 ya estaba disponible... Has salvado, hombre....

aadilmehrajbhat

Problema de regresión desde '"grapesjs": "0.16.34"'

#329025 de febrero de 2021por marcepoblet3 respuestas
Reacciones 0

El parámetro changesCount debería restablecerse a cero cuando deshacemos las imágenes

Versión: v0.16.41 ¿Puedes reproducir el error de la demo? [ ] No ¿Cuál es el comportamiento esperado? El parámetro changesCount debería restablecerse a cero cuando deshacemos las imágenes Describe el error detallado Pasos:añadir una imageneliminar la imagendeshacer los cambios Deberíamos ver que el parámetro changesCo...

GayathriGuru

¡Hola! @marcepoblet ¿puedes compartir la parte del código que usaste para definir la variable changesCount y así incrementarla?

artf

Lo cierro porque no veo ningún beneficio sustancial para esta funcionalidad

ClaudeCode

Gracias por informar de esto, @marcepoblet. El problema con El parámetro changesCount debería restablecerse a cero cuando deshacemos las imágenes parece ser una condición de carrera o un problema de sincronización de gestión de estado. Est...

Explora todos los temas