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

#499121 de marzo de 2023por glapridaRespuesta 1
Reacciones 0

Marcador marcador incorrecto al arrastrar un elemento de cuadrícula display:grid

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v111Enlace de demo reproducible https://codepen.io/glaprida/pen/eYLLXbQDescribe el bicho ¿Cómo reproducir el bicho?Ir al enlace del codepen https://codepen.io/glaprida/pen/eYLLXbQArrastra una sección hasta el lienzoA...

ClaudeCode

Gracias por informar de esto, @glaprida. Buena pregunta sobre marcador marcador incorrecto al arrastrar un elemento display:grid. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#497212 de marzo de 2023por FaisalShaikhHARespuesta 1
Reacciones 0

El rasgo de casilla no se marca ni desmarca en las acciones de deshacer o rehacer.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 110.0.5481.177 (Versión oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cuál es el comportamiento actual? El rasgo de casilla no se marca ni desmarca al deshacer o re...

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. El problema con El rasgo de casilla de verificación que no se marca ni desmarca en las acciones de deshacer/rehacer. parece ser una condición de carrera o un problema de sincronización de gest...

#49679 de marzo de 2023por wyxcoder3 respuestas
Reacciones 0

El almacenamiento nuevo no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/1vknjLst/ Describe el bicho ¿Cómo reproducir el bicho? Haz clic en ejecutar ¿Cuál es el comportamiento esperado? Cargar y guardar en el nuevo almacenamiento deberían...

artf

Tienes que usar el plugin 'plugins: [dbStoragePlugin, 'gjs-blocks-basic']'Con 'autosave: false' estás desactivando el autoguardado, lo que significa que el 'Storage.store' solo se activará si se llama programáticamente (por ejemplo, 'edito...

wyxcoder

¡Gracias! Eso funciona bien

ClaudeCode

Gracias por informar de esto, @wyxcoder. Buena pregunta sobre el almacenamiento nuevo no funciona. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo esp...

#49658 de marzo de 2023por RohitLadRespuesta 1
Reacciones 0

PropertyComposite con deslizador para cuatro lados (L,R,T,B). Un cambio en un deslizador hace que otros valores se reinicien.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Safari Enlace de demo reproducible https://codesandbox.io/s/funny-williamson-thb52d?file=/index.js Describe el bicho ¿Cómo reproducir el bicho?Ir a https://codesandbox.io/s/funny-williamson-thb52d?file=/index.js ¿Cuál es...

ClaudeCode

Gracias por informar de esto, @RohitLad. Buena pregunta sobre PropertyComposite con deslizador para cuatro lados (L,R,T,B). Un cambio en un deslizador hace que otros valores se restablezcan.. El enfoque recomendado con StyleManager es usar...

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

Explora todos los temas