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
#57206 de marzo de 2024por bernesto2 respuestas
Reacciones 0

Propagar componentes por defecto puede romper capas cuando se introducen los comentarios hijos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/n38vbktg/ Describe el bicho ¿Cómo reproducir el bicho?Crear un componente que propague valores predeterminados que incluyan capas = verdadero. Introduce un come...

artf

¡Buen apunte @bernesto

ClaudeCode

Gracias por informar de esto, @bernesto. Buena pregunta sobre Propagar los componentes por defecto puede romper capas cuando se introducen comentarios hijos. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empie...

#57184 de marzo de 2024por mitcht2 respuestas
Reacciones 0

Posible problema con la ruta de actualización donde 'textnode' ahora se llama 'wrapper' desde la versión 0.18 hasta la > última

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 122.0.6261.95 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/n4x6L1v0/2/ Describe el bicho ¿Cómo reproducir el bicho?Guardar datos de componentes de una versión anterior de gra...

artf

Gracias @mitcht pero como ya mencioné, el componente principal nunca pudo ser Textnode, así que no tiene sentido manejar un caso así en el núcleo o tener este problema abierto. En fin, si la lógica te funciona, úsala en tu editor.

ClaudeCode

Gracias por informar de esto, @mitcht. ¡Gran sugerencia sobre Posible problema con la ruta de actualización donde 'textnode' ahora se llama 'wrapper' desde la 0.18 hasta > más reciente! Aunque esta función específica aún no está en la API...

#57154 de marzo de 2024por afrinxnaharRespuesta 1
Reacciones 0

Enlace roto en la documentación de la API

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Versión 123.0 (64 bits) Enlace de demo reproducible No presente Describe el bicho Supongo que la mayoría de los archivos de .js se han convertido en mecanografia, pero puede que haya más enlaces rotos como el de a...

ClaudeCode

Gracias por informar de esto, @afrinxnahar. El problema con enlace roto en la documentación de la API 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...

#570827 de febrero de 2024por ravisaxena2 respuestas
Reacciones 0

Capacidad para cambiar todas las propiedades de margen, relleno, etc.

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 Ahora estamos funcionando en una máquina local Describe el bicho Hola, ahora mismo grapesjs ofrece propiedades integradas como margen y relleno que permiten al usuario...

artf

Por favor, evita abrir los problemas de ERROR sin leer el verdadero sentido de los problemas en la plantilla.

ClaudeCode

Gracias por informar de esto, @ravisaxena. El problema con Capacidad para cambiar todas las propiedades de margen, relleno, etc. juntas parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele oc...

#570526 de febrero de 2024por bernesto4 respuestas
Reacciones 0

Las herramientas de componentes se desalinean cuando el editor se redimensiona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/Lk2bwhp4/ Describe el bicho ¿Cómo reproducir el bicho?Colocar el editor dentro de un contenedor y luego redimensionar programáticamente el ancho del contenedor....

artf

Gracias @bernesto por el informe, pero como no podemos detectar cambios en el diseño programático sin afectar al rendimiento, en este caso tienes que actualizar manualmente el diseño del editor mediante 'editor.refresh()' (por ejemplo, en...

bernesto

Hola @artf, de hecho me lo mezclé accidentalmente en la última solicitud de tirada que aceptaste (src/canvas/model/Frame.ts). Quizá quieras echar un vistazo a lo que añadí y ver si está causando algún problema. Ahora mismo lo tenemos en pr...

artf

de hecho, esto se mezcló accidentalmente en la última solicitud de tirada que aceptaste y de hecho lo quité porque parecía no tener relación 🤣 No es un problema añadirlo de nuevo, pero ten en cuenta que tu ejemplo solo funcionará por el d...

#570325 de febrero de 2024por bernestoRespuesta 1
Reacciones 0

Desplazamiento del selector de color respecto al contenedor del editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/v4e5d90z/ Describe el bicho ¿Cómo reproducir el bicho?Coloca el editor en cualquier contenedor. ¿Cuál es el comportamiento esperado? El selector de color deberí...

ClaudeCode

Gracias por informar de esto, @bernesto. Buena pregunta sobre el desplazamiento del selector de color respecto al contenedor del editor. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docu...

#570024 de febrero de 2024por upadhyay88442 respuestas
Reacciones 0

=

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible No se puede proporcionar los datos sensiblesDescribe el bicho ¿Cómo reproducir el bicho?Dejar una página en el editor/Canvas.Ajustar la altura para ejemplo 600 puntos y también añadir un re...

upadhyay8844

@artf ¿puedes echarle un vistazo, por favor?

ClaudeCode

Gracias por informar de esto, @upadhyay8844. Buena pregunta sobre =. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyen...

#569121 de febrero de 2024por codei202 respuestas
Reacciones 0

Deshacer no funciona al seleccionar color de fondo o texto a través del selector de color

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 122.0.1 Enlace de demo reproducible https://grapesjs.com/demo-mjml.html Describe el bicho ¿Cómo reproducir el bicho? En la demo oficial: https://grapesjs.com/demo-mjml.htmlAñadir una columna al lienzoSelecciona la...

artf

Probablemente esté relacionado con el plugin mjml, no con el núcleo porque no puedo reproducirlo (sugeriría abrir un problema en el repositorio correspondiente).

ClaudeCode

Gracias por informar de esto, @codei20. Buena pregunta sobre Deshacer que no funciona al seleccionar color de fondo o texto con el selector de color. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consu...

#568920 de febrero de 2024por mitcht4 respuestas
Reacciones 0

<> se introduce al principio de editor.getHtml()

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 121.0.6167.185 (Versión oficial) (64 bits)Enlace de demo reproducible https://jsfiddle.net/ja50kzne/4/Describe el bicho ¿Cómo reproducir el bicho?Tenía una página web de una versión anterior de grapesJS qu...

mitcht

He reducido bastante el json y he notado que se está generando algo de JSON posiblemente inválido como salida. Es como si la introducción de las comillas dobles escapadas estuviera un poco desajustada. JSON.stringify y JSON.parse no parece...

artf

El componente raíz de la página debería ser un 'envoltorio', en tu caso es un 'nodo de texto' (por ejemplo, esto podría romper muchas cosas), con un 'tagName' vacío (la razón detrás de '<>') y por alguna razón 'contenido: "indefinido"(?) <...

mitcht

Esto es lo que salía de uvas 0.18.4, por lo que se generaba por uvas. Esperaría que si el contenido fuera "indefinido", las uvas o bien lo despojaran o lo ignoraran. Por ahora solo estoy despojando el <> por mi parte, pero pensé en compart...

#568315 de febrero de 2024por JonathanRiche2 respuestas
Reacciones 0

Command.runCommand no funciona para el comando integrado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrom v121 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Ve a la página graepesjs.com/demo, abre la consola y usa el objeto editor global ejecuta el método editor.r...

JonathanRiche

Primero tenía que ejecutar visualEditor.stopCommand('sw-visibility') no estoy seguro si esto es nuevoRunCommand que antes se usaba para alternar con la necesidad de ejecutar stop

ClaudeCode

Gracias por informar de esto, @JonathanRiche. Buena pregunta sobre Commands.runCommand que no funciona para el comando integrado. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

Explora todos los temas