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
#411028 de enero de 2022por cusmai3 respuestas
Reacciones 0

Los eventos de AssetManager no funcionan

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible NA Describe el bicho Los eventos de AssetManager no se activan. El archivo se carga correctamente pero los eventos no se notifican: '''js Listadores de eventos de activos editor.on('Asse...

timramseyjr

@cusmai ¿Llegaste a entender esto? Estoy recibiendo 'activo:abierto' y 'activo:cerrar', pero tampoco recibo ninguno de los eventos que mencionaste. Estoy usando lo siguiente y los dos eventos que mencioné son los únicos eventos relacionado...

ALTITUDE-DEV-FR

Lo mismo para mí no trabajar :(

ClaudeCode

Gracias por informar de esto, @cusmai. El problema con los eventos de AssetManager que no funcionan parece ser una condición de carrera o un problema de sincronización de gestión del estado. Esto suele ocurrir cuando los eventos del ciclo...

#409925 de enero de 2022por jloguercio2 respuestas
Reacciones 0

"Usando draggableComponents: false" todavía arrastra (¿clona?) algunos elementos si intento editar texto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v96Enlace de demo reproducible https://jsfiddle.net/809enL2w/1/Describe el bicho Yo uso domComponents: { draggableComponents: false }, para evitar arrastrar componentes solo cuando arrastras con la flecha en la barra...

artf

Sí, parece que el D&D nativo de HTML5 sigue funcionando con la selección de texto, intentaré arreglarlo.

ClaudeCode

Gracias por informar de esto, @jloguercio. El problema con "Usando draggableComponents: false" sigue arrastrando (¿clonando?) algunos elementos si intento editar texto parece ser una condición de carrera o un problema de gestión de estado....

#409724 de enero de 2022por Joshmamroud3 respuestas
Reacciones 1

MousePosFetcher en el listener de reizer config & change:style no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave V1.34.81 Enlace de demo reproducible https://jsfiddle.net/joshmamroud/vkrcxuzb/41/ Describe el bicho ¿Cómo reproducir el bicho?Añadir un bloque de cuadrícula al lienzoRedimensionar una columnaFíjate que los registro...

artf

Hola @Joshmamroud CBs deben llamarse cuando se llama a mousePosFetcher Eso no ocurre porque las opciones 'redimensionables' no se pasen directamente al Resizer, sino a través del comando 'redimensionar'. Puedes ver que MousePosFetcher ahí...

Joshmamroud

¡Gracias @artf! Tiene sentido.

ClaudeCode

Gracias por informar de esto, @Joshmamroud. Buena pregunta sobre mousePosFetcher en el oyente de configuración y cambio de estilo del resizedor. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Cons...

#409422 de enero de 2022por sridhar3914 respuestas
Reacciones 0

Cuando arrastro y suelta bloques en el editor de Chrome, no se puede arrastrar y soltar bloques

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 97.0.4692.71 (Versión oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Arrastrar y soltar los bloques básicos en el editor ¿Cuál es el compo...

artf

No veo problemas en mi parte (última versión de Chrome).

sridhar391

@artf Estamos usando el sistema operativo Ubuntu con la última versión del navegador Chrome, por favor danos un ejemplo de cómo depurar para la función de arrastrar y soltar y dinos si hay alguna función de callback llamada mientras se blo...

Vac1911

También estoy usando Ubuntu + Chrome y tengo el mismo problema en la demo, los ejemplos en la documentación y una versión instalada localmente. Aquí tienes el mensaje de error que me está apareciendo: Nota: no importa en qué bloque suelte,...

#408320 de enero de 2022por henzigo4 respuestas
Reacciones 1

Establecer raíz no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Safari 15.0Enlace de demo reproducible https://jsfiddle.net/adw6y12f/9/Describe el bicho Hola, Estoy intentando establecer el componente raíz para el editor tal y como se describió aquí. Desafortunadamente, esto no funciona...

artf

Sí, el módulo LayerManager en sí no tiene documentación. De hecho, está en lista de espera para la refactorización y, una vez terminada, podremos publicar más sobre su uso y la documentación de la API. En fin, he visto tu mensaje anterior...

artf

Sí, veo el problema con la configuración raíz en LayerManager. La solución temporal sería activar el cambio de raíz al renderizar el panel de capas: '''js editor.on('run:core:open-layers', () => editor. Layers.setRoot('#editable')); ``` Pe...

henzigo

Gracias por tu respuesta. Sería bueno tener algo de documentación sobre qué es el elemento 'raíz', porque solo las menciones están en relaciones públicas o en números.

#408220 de enero de 2022por jloguercio3 respuestas
Reacciones 0

Elimina algunos estilos iniciales del lienzo del marco

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible Sin demo Describe el bicho Cuando cargo una plantilla, el editor añade algunos estilos iniciales como la imagen de abajo, ¿cómo puedo configurar o eliminar algunos o esos estilos? Po...

artf

Revisa las opciones de configuración del editor principal (por ejemplo, 'baseCss') https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js Y por favor, no utilicéis los errores de los problemas para las preguntas, en ese caso...

jloguercio

Muchas gracias

ClaudeCode

Gracias por informar de esto, @jloguercio. El problema con Eliminar algunos estilos iniciales del lienzo del marco parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vi...

#407917 de enero de 2022por jloguercio2 respuestas
Reacciones 0

La nueva versión v0.18.1 rompe el script para hacer !important en styleable:change

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible Sin demo Describe el bicho Uso el código de abajo para hacer que todos los estilos sean !importantes '// Haz que todos los estilos sean importantes para anular las clases de elemento...

artf

Oye, tío, ni siquiera he terminado de escribir el comunicado 😅, cálmate... Lee aquí, por favor https://github.com/artf/grapesjs/releases/tag/v0.18.1 Style Manager se actualizó mucho, si algo no funciona, nadie te obliga a actualizar...

ClaudeCode

Gracias por informar de esto, @jloguercio. El problema con La nueva versión v0.18.1 rompe el script para hacer !importante en styleable:change parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto s...

#407617 de enero de 2022por diemkay4 respuestas
Reacciones 0

Vulnerabilidad XSS mediante atributos de componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 97.0.4692.71 Enlace de demo reproducible https://jsfiddle.net/ovrz5ug2/4/ Describe el bicho Hola, nos encontramos con esta vulnerabilidad XSS usando GrapesJS en un escenario multijugador, con varios usuarios privil...

artf

Gracias @diemkay por favor consulta este problema si tienes alguna sugerencia: https://github.com/artf/grapesjs/issues/3082

diemkay

@artf Gracias, pero ya he visto esa multa y no cubre el problema que describo aquí. La inyección no está en Vista Previa en Vivo, está en el Gestor de Estilos, donde intenta mostrar el 'id' del componente configurando '.innerHtml'.

artf

Sí, perdón, cerré demasiado pronto 😁. Intentaré arreglarlo para la próxima entrega.

#407114 de enero de 2022por clonefunnels2 respuestas
Reacciones 0

Las imágenes de fondo en la página no funcionan porque el CSS carga sin ; al final de la URL

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome y Firefox Enlace de demo reproducible https://www.teamfunnels.net/login.php demo demo Describe el bicho Falta; después de .png) El editor carga así cuando hay imágenes de fondo en la página y no se muestran. <style...

clonefunnels

Creo que causé este problema con un cambio de cuerda. Perdón

ClaudeCode

Gracias por informar de esto, @clonefunnels. El problema con las imágenes de fondo en la página no funciona porque el CSS carga sin ; al final de la URL parece haber una condición de raza o un problema de sincronización de gestión de estad...

#40598 de enero de 2022por miladmeidanshahi2 respuestas
Reacciones 1

La función de escape del selector no soporta clases tailwindss.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v97Describe el bicho En la línea https://github.com/artf/grapesjs/blob/dev/src/selector_manager/model/Selector.js#L171 la función de escape del selector no permite '/' y '.' por lo que no podemos usar algunas clases...

miladmeidanshahi

Perdona, encontré muy tarde esta configuración https://github.com/artf/grapesjs/blob/e52b5c29e4346dba7367b769a44d99a2226e025f/src/selector_manager/config/config.js#L17

ClaudeCode

Gracias por informar de esto, @miladmeidanshahi. El problema con la función de escape del selector no soporta clases tailwindcss parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir c...

Explora todos los temas