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
#33073 de marzo de 2021por neon123454 respuestas
Reacciones 3

HAZAÑA: Proporcionar una versión no minificada

¿Existe alguna versión de un solo archivo de grapesjs que no esté minificada? Sería bueno tener uno para corregir errores y probar rápidamente nuevas funciones o mejoras.

neon12345

Es decepcionante que esto esté cerrado por completo. Claro que podría cambiar mi flujo de trabajo, pero ¿por qué no hacerlo lo más cómodo posible para que la gente contribuya?

stljeff1

¿Alguien podría explicar amablemente cómo usar el sourcemap? Me está costando mucho actualizar a la última versión de uvas y necesito cualquier ayuda para depurar que pueda conseguir. Estoy importando grapesjs a mi app Angular/Typescript....

Ju99ernaut

Eso ya está disponible, solo tienes que consultar 'grapesjs.js' en vez de 'grapesjs.min.js'

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

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

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

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

#328923 de febrero de 2021por bgrand-ch4 respuestas
Reacciones 2

Los componentes han perdido sus estilos

Versión: 0.16.41 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? 1) Copiar el componente padre seleccionado (contenedor) al portapapeles. 2) Pegar el componente padre seleccionado (contenedor) del portapapeles (en la misma página u otra página). 3) Todos los componentes manti...

artf

Eso porque has actualizado los comandos originales con tus versiones (incorrectamente). De hecho, si elimino tu plugin de la demo, todo funciona como se espera. Por favor, revisa el comando original de copiar y pegar, deberías clonar compo...

artf

Solo revisa los comandos originales https://github.com/artf/grapesjs/blob/dev/src/commands/view/CopyComponent.js https://github.com/artf/grapesjs/blob/dev/src/commands/view/PasteComponent.js

bgrand-ch

@artf Gracias por tu respuesta. ¿Un enlace, un ejemplo o más explicaciones, por favor? 😅

#328623 de febrero de 2021por abulka3 respuestas
Reacciones 0

HAZAÑA: Teclas y complementos personalizados Codemirror

¿Hay alguna forma de añadir teclas de acceso directo y complementos para el editor Codemirror integrado? Especialmente quiero una tecla rápida para comentar. Hay varios plugins que usan el editor Grapesjs, incluyendo https://github.com/artf/grapesjs/issues/324#issuecomment-330571539 y los plugins personalizados de cód...

abulka

Por fin he conseguido que el 'commentRange' incluido en Grapesjs funcione: debe invocarse directamente en 'cm.commentRange', no a través de 'cm.execCommand'. Además, toma parámetros. Así que pude hacer que funcionara algo de comentario, si...

artf

Sí, creo que no es un problema exponerlo en CodeMirrorEditor.js

ClaudeCode

Gracias por informar de esto, @abulka. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix' para ver...

#327919 de febrero de 2021por abulka2 respuestas
Reacciones 0

¿Cómo hacer que la edición de nodos de texto actualice el contenido de los componentes?

Estoy creando un componente personalizado de 'textarea' y quiero que se comporte como el componente 'text' incorporado, de modo que al editar el textnode en el lienzo de grapesjs se actualice el 'textnode' que se encuentra en '.components'. Y quiero que el componente se exporte correctamente como HTML, por ejemplo, '<...

artf

Hola @abulka, mientras la edición se realiza en la vista, deberías actualizar el modelo de componentes una vez que la vista esté actualizada. Así que debería funcionar con algo así '''js modelo: { ... }, Vista: { eventos: { entrada: 'handl...

ClaudeCode

Gracias por informar de esto, @abulka. El problema con ¿cómo hacer que la edición de nodos de texto actualice el contenido de los componentes? parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto s...

Explora todos los temas