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 336

🔍 style-manager
#41889 de marzo de 2022por levinhtinRespuesta 1
Reacciones 0

La <linearGradient> etiqueta SVG se <lineargradient> convierte en lienzo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Microsoft Edge Versión 99.0.1150.30 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?He creado un bloque personalizado con SVG, por ejemplo:Cuando dejo caer un compone...

ClaudeCode

Gracias por informar de esto, @levinhtin. Excelente pregunta sobre <linearGradient>SVG tag become <lineargradient> in canvas. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

#41879 de marzo de 2022por TownsheriffRespuesta 1
Reacciones 0

El método Editor Destroy genera un error en React

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 98 Enlace de demo reproducible https://codesandbox.io/s/withered-rain-z74rst?file=/src/App.js Describe el bicho ¿Cómo reproducir el bicho?Desmontar elemento hijoCrear useEffect con callback donde el editor se destr...

ClaudeCode

Gracias por informar de esto, @Townsheriff. Buena pregunta sobre el método Editor Destroy genera un error en React. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

#41743 de marzo de 2022por javadsamiee2 respuestas
Reacciones 1

Actualizando la página, perderemos el color de fondo del cuerpo/envolvente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 98.0.4758.109 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho ¿Cómo reproducir el bicho?"Cuerpo (#wrapper seleccionado) -> Decoraciones -> Color de fondo y establecer un colorGuarda los...

artf

Hola @javadsamiee gracias por el informe. En realidad, este es un problema antiguo #2834 que estoy intentando solucionar para la próxima edición (cierro este número en favor del anterior).

ClaudeCode

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre Actualizar página donde perderemos el color de fondo del cuerpo/envolvente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta...

#416626 de febrero de 2022por AmeekoRespuesta 1
Reacciones 0

Gestor de estilos abierto - la clase se puede añadir pulsando la tecla ENTER

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v98 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho En el "Gestor de estilos abierto", la clase CSS puede añadirse pulsando la tecla ENTER. Si GrapesJS está dentro de una etiqueta Form,...

ClaudeCode

Gracias por informar de esto, @Ameeko. El problema con Open style manager - la clase puede añadirse pulsando la tecla ENTER parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando...

#414517 de febrero de 2022por lofcz2 respuestas
Reacciones 0

0.18.3 edición de texto no se activa para los componentes de texto > enlace

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 99 Enlace de demo reproducible https://codesandbox.io/s/distracted-archimedes-fhmnpg Describe el bicho ¿Cómo reproducir el bicho?Abrir la demoHaz doble clic en el componente "Soy texto". ¿Cuál es el comportamiento actual? A...

artf

Sí, veo el problema. Hacer doble clic en elementos de texto (span, i...) dentro de un centro cambia el foco al elemento padre en lugar de abrir rte para el elemento seleccionado Con la nueva lógica implementada para la vista de componentes...

ClaudeCode

Gracias por informar de esto, @lofcz. Buena pregunta sobre 0.18.3 la edición de texto que no se activa para los componentes de enlace > texto. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consult...

#413812 de febrero de 2022por yadavAtIrisdame4 respuestas
Reacciones 0

Comportamiento inesperado en el gestor de estilo

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 1.35.101 Chromium: 98.0.4758.87 (Versión oficial) (64 bits) ! acolchadoEnlace de demo reproducible https://codesandbox.io/s/strange-sun-qgdcq?file=/index.jsDescribe el bicho ¿Cómo reproducir el bicho?Dejar caer el c...

artf

Gracias por el informe @yadavAtIrisdame pero no puedo reproducirlo ni de tu demo ni de la oficial. ¿Puedes describir los pasos exactos?

yadavAtIrisdame

@artf No puedo reproducir este error. en la mayoría de los casos, The Style Manager funciona como se espera. Pero, de repente, empiezan a comportarse como (como se muestra en la imagen). Especialmente en las propiedades de margen y acolcha...

artf

Lo siento, pero desafortunadamente sin la demo reproducible adecuada, no puedo hacer mucho. Estaré encantado de arreglarlo si alguien puede proporcionar los pasos reproducibles.

#41275 de febrero de 2022por jcsoftsRespuesta 1
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 97.0.4692.99 (Versión oficial) (x86_64) Enlace de demo reproducible no Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? ... ¿Cuál es el comportamiento actual? Aparecen...

ClaudeCode

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

#41161 de febrero de 2022por saudAtIrisdame4 respuestas
Reacciones 0

Flex Property no funciona en el gestor de estilo

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 1.34.81 Chromium: 97.0.4692.99 (Versión oficial) (64 bits) Enlace de demo reproducible https://codesandbox.io/s/strange-sun-qgdcq?file=/index.js Describe el bicho ! Propiedad Flexible ¿Cómo reproducir el bicho?crear un com...

Vac1911

Diagnosticé el problema tras encontrar el mismo problema por mi cuenta. Mirando 'StyleManager.select()' https://github.com/artf/grapesjs/blob/75cd582a8d1a91096276bc4dccc7475a269ad45c/src/style_manager/index.js#L339-L395 En la línea 369, ca...

saudAtIrisdame

@Vac1911 @artf Lo entiendo, pero ¿cuál es la solución, cómo puedo solucionar este problema? ¿Es este problema de Grapejs o mío?

Vac1911

@saudAtIrisdame Parece que es un problema de Grapejs. Lo arreglé yo mismo cambiando el código fuente, reordenando el método 'select' para comprobar la visibilidad al final. Aquí está el archivo dist después de ejecutar 'build:js' https://g...

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

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

Explora todos los temas