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
#645820 de marzo de 2025por accvi4 respuestas
Reacciones 1
questionstyle-managercomponentsbugdocumentation

Sector.setName no funciona

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/qbpodnm4/ Describe el bicho ¿Cómo reproducir el bicho? Seleccionar un componente en el lienzo. Ve al responsable de estilo y comprueba si "General" ha cambiado su nombre a "A...

mosh-tudor

@accvi https://github.com/GrapesJS/grapesjs/discussions/6031#discussioncomment-10234496

accvi

¿Estoy haciendo algo mal en el código? La IA no podía ayudar.

artf

@accvi #6031 (respuesta en el hilo) ☝️

Ver detalles
#640716 de febrero de 2025por gopukinapp2 respuestas
Reacciones 0
componentsbugquestionstyle-managertypescript

Los rasgos personalizados no se cargan dentro de un bloque personalizado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 133.0.6943.98 Enlace de demo reproducible https://codesandbox.io/p/sandbox/loving-breeze-mdls43?file=%2Findex.js%3A77%2C6 Describe el bicho Estoy intentando añadir algunos triats personalizados a mi bloque. Por desgracia,...

artf

Tu componente tiene 'componentes' internos, así que si eliges uno de ellos, verás rasgos de esos componentes, no 'bloque de eventos'. Si seleccionas correctamente 'bloque de evento', verás tus rasgos. <img width="856" alt="Image" src="http...

ClaudeCode

Gracias por informar de esto, @gopukinapp. El problema con Los rasgos personalizados no se cargan dentro de un bloque personalizado parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurri...

Ver detalles
#637618 de enero de 2025por Harshsne26Respuesta 1
Reacciones 0
questionstyle-managerbug

Establecer valor mínimo en la configuración de StyleManager

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/ZYzjaYe Describe el bicho ¿Cuál es el comportamiento esperado? El ancho del borde debe incrementarse desde 1 cuando mínimo está establecido a 1. ¿Cuál es el compor...

ClaudeCode

Gracias por informar de esto, @Harshsne26. El problema de establecer valor mínimo en la configuración del gestor de estilo parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando...

Ver detalles
#636914 de enero de 2025por hubermat2 respuestas
Reacciones 0
questionstyle-managerbugtypescript

El orden de visualización del radio del borde no es correcto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v130 Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?En el editor, seleccione cualquier elementoEn la sección de estilos, ve al radio de fron...

DarrenHou1993

Este cambio soluciona el problema de la interfaz, pero aquí introduce un problema de valor. Al establecer el radio de la esquina inferior izquierda, en realidad modifica la esquina inferior derecha.

ClaudeCode

Gracias por informar de esto, @hubermat. Buena pregunta sobre El orden de visualización del radio de borde no es correcto. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

Ver detalles
#63658 de enero de 2025por MLMarxx4 respuestas
Reacciones 0
style-managerbugquestiondocumentationcanvas

El Style Manager no interpreta correctamente los selectores descendientes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 131.0.6778.205 Enlace de demo reproducible https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 Describe el bicho Cómo reproducir el error:Añadir la clase 'estilo oscuro' al cuerpo: '''js editor....

artf

Sí, eso no está soportado porque podría haber implicaciones de rendimiento al intentar igualar cualquier posible regla ahí. Lo que sí puedes hacer es seleccionar cualquier regla a través de styleManager.select

MLMarxx

Vale, gracias por la aclaración; actualmente uso select, ¿alguna idea de cómo dirigir las etiquetas de medios de esa manera?

artf

Puedes obtener el CSSRule que necesitas ('getRule') y luego pasarlo a styleManager.select

Ver detalles
#635713 de diciembre de 2024por Harshsne26Respuesta 1
Reacciones 0
questionstyle-managercomponentsbugcanvas

!important se añade a todos los estilos de componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/YPKwRBg Describe el bicho ¿Cómo reproducir el bicho?Añadir componente de fila desde el gestor de bloques.Cambiar su ancho en StyleManager. (!important se...

ClaudeCode

Gracias por informar de esto, @Harshsne26. Buena pregunta sobre !importante se añade a todos los estilos de componentes. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

Ver detalles
#631820 de noviembre de 2024por tonypapousek4 respuestas
Reacciones 3
questionstyle-managerbugtypescript

No se puede usar relleno transparente en Bloquear media svg

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS'[email protected]' cuando se presentó esta cuestión¿Qué navegador usas? Firefox 132, Chrome 131Enlace de demo reproducible https://jsfiddle.net/x54f9v68/1/Describe el bicho ¿Cómo reproducir el bicho?Añadir un bloque personalizado, con la propied...

samex

Creo que depende del SVG específico que se use. Si miras los otros iconos SVG, notarás que no tienen un atributo de relleno (en línea) en la <svg> etiqueta principal, sino en las <path> etiquetas hijas. Al establecer el atributo fill="none...

tonypapousek

@samex Especificar 'fill="none"' funcionó, ¡gracias! Eso sin duda ayudará a que mis cosas personalizadas funcionen de forma más predecible. Más allá de eso, creo que el principal problema sería intentar usar SVGs de terceros (por ejemplo,...

artf

Sí, cerraría este porque no está estrictamente relacionado con el núcleo en sí, pero gracias por señalarlo

Ver detalles
#624822 de octubre de 2024por Frubl2 respuestas
Reacciones 1
questioncanvasstyle-managertypescriptbug

Bug de showOffsets cuando el cuerpo del iframe tiene zoom

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/a2hbxg0y/1/ Describe el bicho ¿Cómo reproducir el bicho?Abrir herramientas de desarrollo y escribir estilo de elemento para cuerpo iframe - zoom: n; ¿Cuál es el comportamient...

artf

No deberías editar el zoom del iframe, usa la API nativa

ClaudeCode

Gracias por informar de esto, @Frubl. Buena pregunta sobre el bug de showOffsets cuando el cuerpo del iframe tiene zoom. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

Ver detalles
#615218 de septiembre de 2024por stpp24 respuestas
Reacciones 1
questioncomponentsbugstyle-managertypescript

El CSS añadido mediante código personalizado persiste después de que se elimina un componente de código personalizado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de código personalizado con HTML + CSSEliminar un componente de código personalizado. ¿Cuál...

artf

Esto no está relacionado con el núcleo y debe abordarse a nivel de plugin. Por favor, crea el problema ahí y trataremos de encontrar el enfoque correcto.

mosh-tudor

@stpp2 Esto no es realmente un error; Es más bien una característica. :) Prueba a usar 'clearStyles': https://github.com/GrapesJS/grapesjs/blob/d48e1e34a9fa363dcb83fdcca53a89563db17063/packages/core/src/editor/config/config.ts#L260-L272

stpp2

Sí, 'clearStyles' ya está activado en mi caso, pero en muchos casos no parece funcionar bien. En cualquier caso, esperaría que el componente 'Código Personalizado' estuviera algo "contenedorizado" para que no deje nada en el documento al e...

Ver detalles
#61224 de septiembre de 2024por mohamedsalem4013 respuestas
Reacciones 3
style-managercomponentstypescript

Corregir y refactorizar Sorter.ts

[x] Corregir el uso del Ordenador en StyleManager (regresión con capas de propiedades de ordenación) [x] Clasificador de refactorización con el uso de 'Components.canMove' [x] Actualizar 'canMove' comprobando que el símbolo principal se elimina dentro de su propia instancia.

mohamedsalem401

Esto está hecho.

mohamedsalem401

La idea es refactorizar el clasificador para mejorar la mantenibilidad y legibilidad. Podemos implementar los siguientes cambios:Hacer que la clase 'Sorter' dependa de una estructura abstracta de árbol en lugar de depender de implementacio...

ClaudeCode

Gracias por informar de esto, @mohamedsalem401. Gracias por compartir tu informe sobre [Arreglar] Corregir y refactorizar Sorter.ts. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducibl...

Ver detalles

Explora todos los temas