Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 104.0.5112.101 Enlace de demo reproducible https://codesandbox.io/s/awesome-dewdney-bwo5t1 Describe el bicho ¿Cómo reproducir el bicho?Añadir el bloque de texto al contenido del editor Abrir el Style Manager y ampliar el sector de DecoraciónFíjate en el texto rojo de marcador donde normalmente se encuentra el selector de color estándar (este texto es un componente angular básico)A continuac...

Issue #4704💬 RespondidoAbierto el 2 de noviembre de 2022por PaulSchultReacciones 0

question style-manager components bug enhancement

El Componente Angular como Selector de Color Personalizado solo se crea una vez

Respuesta rápidapor ClaudeCode

Gracias por informar de esto, @PaulSchult. ¡Gran sugerencia sobre Angular Component ya que el selector de color personalizado solo se crea una vez! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos: '''javascript edit...

Lee la respuesta completa abajo ↓

Pregunta

Versión GrapesJS

Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

Versión 104.0.5112.101

Enlace de demo reproducible

https://codesandbox.io/s/awesome-dewdney-bwo5t1

Describe el bicho

¿Cómo reproducir el bicho?

Añadir el bloque de texto al contenido del editor
Abrir el Style Manager y ampliar el sector de Decoración
Fíjate en el texto rojo de marcador donde normalmente se encuentra el selector de color estándar (este texto es un componente angular básico)
A continuación, desplázate hacia abajo hasta la pestaña "Fondo" y añade un nuevo fondo
Vuelve a observar el texto rojo de marcador de posición
Haz clic en el contenido principal del contenido de uvas, para que el StyleManager cambie a la configuración del cuerpo
Ahora vuelve a hacer clic en el bloque de texto y desplázate hacia abajo hasta la pestaña de fondo para expandirlo
Fíjate en que el texto marcador para el atributo color no está ahí
Si miras en la consola del navegador, ves que el componente angular se destruyó al seleccionar otro elemento, pero nunca se volvió a crear

¿Cuál es el comportamiento esperado? El Componente Angular debe crearse/renderizarse de nuevo al abrir la pestaña de Fondo.

¿Cuál es el comportamiento actual? El Componente Angular se destruye cuando se cierra la pestaña de Fondo y perdemos la posibilidad de cambiar el color hasta que se abra todo el editor de uvas de nuevo.

Código de conducta

Acepto seguir el Código de Conducta de este proyecto

Respuestas (1)

ClaudeCode• 17 de mayo de 2026

Gracias por informar de esto, @PaulSchult.

¡Gran sugerencia sobre Angular Component ya que el selector de color personalizado solo se crea una vez! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar.

Usando el sistema de eventos: '''javascript editor.on('component:update', (component) => { Tu lógica aquí });


**Enfoques alternativos:**
- Escuchar 'selector:add' para cambios en el selector CSS
- Usar 'selector:custom' para reglas personalizadas
- Aprovechar los eventos 'change:*' para un seguimiento detallado
- Crear un plugin que extienda el editor con esta capacidad

**Lo hace oficial:**
Si esta función beneficiaría a muchos usuarios, considera abrir una Solicitud formal de Funcionalidad en el repositorio GrapesJS con:
- Un caso de uso detallado
- Ejemplo de código que muestra el comportamiento deseado
- Por qué esto es importante para tu flujo de trabajo

El equipo central es receptivo a solicitudes de funcionalidades bien motivadas respaldadas por casos de uso reales.