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
#49627 de marzo de 2023por himansh-gjrRespuesta 1
Reacciones 0

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 Creo que muchos enlaces de 'objetos de configuración' en la documentación siguen siendo a archivos javascript, pero el código se ha actualizado a typescript <img...

ClaudeCode

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

#494727 de febrero de 2023por FaisalShaikhHA4 respuestas
Reacciones 2

El administrador de deshacer no funciona correctamente para deshacer una acción de eliminación

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome - versión 110.0.5481.100 (Versión oficial) (arm64)Enlace de demo reproducible https://codepen.io/faisal-praella/pen/ExeNwxJDescribe el bichoHe añadido un componente personalizado columns con un nombre de rasgo numéri...

artf

Sí, deshacer activa el 'change:columns', en tu caso podrías intentar envolver tus cambios en 'updateColumns' en el 'editor'. Deshacer. Gestionador.saltar. '''js updateColumns() { editor. UndoManager.skip(() => { Tus operaciones }) } ```

artf

Vale, entonces cierro este y por favor abre un nuevo problema de error relacionado con rasgos de casilla.

FaisalShaikhHA

Gracias, @artf funciona, para arreglarlo estaba desactivando el oyente de cambio de rasgos escuchando los eventos de deshacer el comando antes y ejecutar, pero esto se siente más limpio. El rasgo de casilla no se marca ni desmarca al desha...

#494021 de febrero de 2023por mani-rai2 respuestas
Reacciones 0

Destruir y reinicializar produce "No se pueden leer propiedades de indefinidas (leyendo 'get')"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Google Chrome Versión 110.0.5481.100 (Versión oficial) (64 bits) Enlace de demo reproducible https://stackblitz.com/edit/js-3urscf?file=index.html,index.js Describe el bicho ¿Cómo reproducir el bicho?Inicializar el editor...

artf

Sí, no se espera que la instancia del editor se destruya inmediatamente debido a algunas funciones asíncronas diferidas (por ejemplo, para el StorageManager), pero eso se puede arreglar. Por ahora puedes superar el problema haciendo algo a...

ClaudeCode

Gracias por informar de esto, @mani-rai. Buena pregunta sobre Destruir y reinicializar produce "No se pueden leer propiedades de indefinidas (leyendo 'get')". El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empie...

#493720 de febrero de 2023por besart-k2 respuestas
Reacciones 1

Block:custom no funciona en React

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 110.0.5481.100 (Versión oficial) (arm64)Enlace de demo reproducible NingunoDescribe el bicho Estoy intentando replicar en React la personalización del Block Manager como en este ejemplo Vue block manager,...

artf

@besart tienes que proporcionar una demo reproducible, ya que si funciona con el ejemplo actual de la demo de Vue, no debería ser diferente en React. Quizá estés usando una versión antigua de grapesjs o haciendo algo mal en tu app React, a...

ClaudeCode

Gracias por informar de esto, @besart-k. Buena pregunta sobre block:custom no funciona en React. 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...

#492914 de febrero de 2023por handhikadj4 respuestas
Reacciones 0

Se elimina un botón de etiqueta 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://codesandbox.io/s/interesting-bell-xntbtrDescribe el bicho ¿Cómo reproducir el bicho?Ir al CodesandboxBloque de código personalizado arrastrar y soltar.introduce es...

artf

Esto ocurre debido a la implementación de botones en el plugin de formularios, que solo permite nodos de texto como hijos. Si eliminas el plugin de formularios, podrás ver el <a>elemento '' (si prefieres, también puedes ampliar el componen...

handhikadj

¿Cuál es entonces el código de la implementación "normal" del botón? Por cierto, ¿puedo saber por qué haces que el botón se comporte así en el plugin de formularios?

artf

Si no recuerdo mal, la razón principal por la que había un problema con la edición de texto en línea con elementos de botones, así que ese enfoque era la forma más sencilla de solucionar un problema común. Supongo que la implementación "no...

#492211 de febrero de 2023por clonefunnels2 respuestas
Reacciones 0

Usar el código !important proporcionado aquí rompe la imagen de fondo y el degradado.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https://jsfiddle.net/jLgb0mv3/1/ Describe el bicho ¿Cómo reproducir el bicho?... Pon este código en el editor: editor.on('styleable:change', (model, property) => { valor const = model.g...

artf

Solo veo el problema con las propiedades de style manager 'composite'/'stack' y eso es porque no todas las propiedades de style manager forman parte de los estilos, así que en tu código solo tendrías que comprobar si el valor del estilo re...

ClaudeCode

Gracias por informar de esto, @clonefunnels. Buena pregunta sobre Usar !código importante proporcionado aquí rompe la imagen de fondo y el degradado.. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí...

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

Explora todos los temas