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

#49218 de febrero de 2023por ghost3 respuestas
Reacciones 0

Versión GrapesJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 110.0.5481.78 (Versión oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Instalar GrapesJs con npm o CDN e inicializar como de costumb...

artf

Cerrando porque esto no está relacionado con el núcleo sino con la página de demostración, por favor haz una PR si quieres suprimir esas advertencias

ghost

Esto está relacionado con Core, no con la página de demostración, ya que utilicé la página de demostración para ilustrar

ClaudeCode

Gracias por informar de esto, @ghost. Buena pregunta sobre *. El enfoque recomendado con GrapesJS 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 oyente de...

#49208 de febrero de 2023por c9a23342 respuestas
Reacciones 0

Claves de localización perdidas para de locale

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? No relacionado con el navegador Enlace de demo reproducible https://codesandbox.io/s/pensive-river-417grm?file=/index.js Describe el bicho ¿Cómo reproducir el bicho?importar uvasjs/src/i18n/localidad/de.jsUsa esto como lo...

artf

Gracias@c9a2334 ¿te gustaría contribuir a esta solución?

ClaudeCode

Gracias por informar de esto, @c9a2334. Buena pregunta sobre Claves de localización perdidas para la localización. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...

#49198 de febrero de 2023por maliuta-oleksandr2 respuestas
Reacciones 0

Llamar al método destroy rompe el editor (app React)

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 109.0.5414.119 Enlace de demo reproducible Describe el bicho ¿Cómo reproducir el bicho?Añadir el oyente de eventos al clic exteriorMétodo de llamada destrucción ¿Cuál es el comportamiento esperado?Destruir sin erro...

artf

¿Puedes proporcionar una demo reproducible ya que yo no puedo reproducirla por mi parte?

ClaudeCode

Gracias por informar de esto, @maliuta-oleksandr. Buena pregunta sobre llamar al método destroy rompe el editor (app React ). El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la document...

#49126 de febrero de 2023por lexoyo3 respuestas
Reacciones 1

Enlaces rotos en la documentación

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible no Describe el bicho Desde el cambio de artf a GrapesJS, creo que muchos enlaces siguen al repositorio original https://github.com/GrapesJS/grapesjs/search?q=artf ¿Debería intentar r...

lexoyo

Hice un récord personal, espero no haberme perdido nada, tuve que probar casi todos los enlaces

artf

Creo que algunas cosas están redirigiendo, pero otras pueden estar rotas, agradecería un departamento de relaciones públicas si alguien está dispuesto a ayudar 🙏

ClaudeCode

Gracias por informar de esto, @lexoyo. El problema con enlaces rotos en la documentación parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los...

#49066 de febrero de 2023por panditlakshya2 respuestas
Reacciones 0

Grapesjs no reconoce los tipos de componentes al configurar innerHTML mediante script.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v108.0.5359.98 Enlace de demo reproducible https://codesandbox.io/s/grapes-js-template-literal-forked-6kgvrb?file=/src/App.js Describe el bicho Estoy intentando crear un componente personalizado que reconozca los t...

artf

Lee detenidamente esta guía, todo lo que está dentro del 'script' está fuera del alcance del editor. Puedes actualizar el propio componente usando el método component.components o especificar directamente el 'components: '<div ....'' en la...

ClaudeCode

Gracias por informar de esto, @panditlakshya. Buena pregunta sobre Grapesjs no reconoce los tipos de componentes al configurar innerHTML mediante script.. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí:...

#49045 de febrero de 2023por handhikadj2 respuestas
Reacciones 0

GetHtml() produce una estructura inválida cuando hay js dentro

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Última versión de ChromeEnlace de demo reproducible https://jsfiddle.net/snj87o6f/1/Describe el bicho Contexto/Descripción Creo que esto es un error porque necesito guardar y cargar los datos de nuevo con el editor. Parser....

artf

La salida es correcta (comprueba la consola real, no la rota de jsfiddle) y lee detenidamente esta sección, nunca deberías depender de HTML/CSS para cargar el proyecto.

ClaudeCode

Gracias por informar de esto, @handhikadj. ¡Gran sugerencia que getHtml() produzca una estructura inválida cuando hay js dentro! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamie...

#49005 de febrero de 2023por handhikadj2 respuestas
Reacciones 0

SetStyle/getCss() produce css duplicado

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Última versión de ChromeEnlace de demo reproducible https://codesandbox.io/s/silent-river-ifczcvDescribe el bicho ¿Cómo reproducir el bicho?Visita el lugarVer consola. Presta atención al selector '' y 'body' Resultado esper...

artf

Se aplican estilos predeterminados que puedes desactivar fácilmente (pasar una cadena vacía) https://github.com/GrapesJS/grapesjs/blob/a83847b1b35e69e5a5810ccf1eb1e1384bf0aab1/src/editor/config/config.ts#L143-L147

ClaudeCode

Gracias por informar de esto, @handhikadj. Buena pregunta sobre setStyle/getCss() produce css duplicado. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

#48973 de febrero de 2023por rudacs4 respuestas
Reacciones 1

Component:styleUpdate / component:styleUpdate:propertyName no activado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Edge 109.0.1518.70 Enlace de demo reproducible https://jsfiddle.net/rudacs/kr2x1mnh/ Describe el bicho ¿Cómo reproducir el bicho?Cambiar alguna propiedad en StyleManager.Cambiar la propiedad de ancho en el StyleManager. ¿...

artf

Oye, ¿@rudacs has probado en su lugar a usar 'style:property:update'?

rudacs

Este evento funcionó. ¿Se cambió por este? ¿Y para una sola propiedad? ¿Cómo puedo cambiar qué componente y propiedad había antes? Tranquilizantes.

SagarMaria

He venido aquí porque tengo el mismo problema. Usar la sugerencia 'style:property:update' parece funcionar, pero por alguna razón se dispara en cada clic. Además, ¿cómo podemos dirigir un cambio de propiedad de estilo concreto, es decir, '...

#486826 de enero de 2023por LukasSouza2 respuestas
Reacciones 1

Las cajas flotadas muestran desalineadas tras cambiar la posición del editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 109.0.5414.87 Enlace de demo reproducible https://jsfiddle.net/o45ncveu/6/ Describe el bicho ¿Cómo reproducir el bicho?enlace de violín abiertoPasar el cursor sobre algunos componentes antes del tiempo de esperaesp...

artf

Desafortunadamente, esto es lo esperado, tienes que usar 'editor.refresh()' después de los cambios de diseño "externos".

ClaudeCode

Gracias por informar de esto, @LukasSouza. 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...

#486524 de enero de 2023por agreif2 respuestas
Reacciones 0

El valor de asignación de clase '@' del contenido del bloque cambia a signo '-' al usar literales plantilla

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Firefox 108.0.2Enlace de demo reproducible No es posible en JSFIDDLEDescribe el bicho grapesjs-cli - 3.0.1 grapesjs - 0.20.3 ¿Cómo reproducir el bicho?añadir un newblock con este literal de plantilla con un atributo de clas...

artf

Actualizaré la función de escape, por ahora puedes proporcionar la tuya propia a través de esta opción

ClaudeCode

Gracias por informar de esto, @agreif. Buena pregunta sobre '@' valor de asignación de clase en el contenido del bloque que cambia a signo '-' al usar literales de plantilla. El enfoque recomendado con GrapesJS es usar la API orientada a e...

Explora todos los temas