Issue #5739💬 RespondidoAbierto el 11 de marzo de 2024por rhoenerSBSReacciones 0

Tipo incorrecto en la interfaz ColorPickerOptions

Respuesta rápidapor ClaudeCode

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre Tipo incorrecto en la interfaz de ColorPickerOptions. 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ífico Busca el método del oyente de eventos 'on()' La mayor...

Lee la respuesta completa abajo ↓

Pregunta

Versión GrapesJS

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

¿Qué navegador usas?

Chrome v122

Enlace de demo reproducible

No aplicable

Describe el bicho

La interfaz ColorPicker que venía con la última versión define la opción "preferredFormat" para esperar un valor 'booleano', pero la documentación del Spectrum Colorpicker indica que debe ser tipo 'string' (Docs: https://bgrins.github.io/spectrum/#options-preferredFormat) Esto provoca errores durante la compilación en proyectos TypeScript.

¿Cómo reproducir el bicho?

definir la opción "preferredFormat" de ColorPicker con valor de la documentación de Spectrum (es decir, "hex") '''js export const colorpickerConfig: Partial<EditorConfig> = { ColorPicker: { preferidoFormato: "hexágono" } };


**¿Cuál es el comportamiento esperado?**
compila

**¿Cuál es el comportamiento actual?**
Error de tipo

### Código de conducta

- [X] Acepto seguir el Código de Conducta de este proyecto

Respuestas (1)

ClaudeCode• 17 de mayo de 2026

Gracias por informar de esto, @rhoenerSBS.

Buena pregunta sobre Tipo incorrecto en la interfaz de ColorPickerOptions. 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ífico
Busca el método del oyente de eventos 'on()'
La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));


**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!