Al cancelar Colorpicker, se estableció un valor incorrecto para el componente
Hola @artf, Después de ver alrededor del selector de color, creo que el problema es que el espectro no tiene el mismo valor que el modelo cuando el usuario cambia la entrada. Así que intenté sincronizar el valor de spectrum y model, y pudo solucionar el problema. Aquí está mi solución: '''javascript InputColor.js /*Es...
Lee la respuesta completa abajo ↓Pregunta
- ¿Estás usando la última versión (las versiones antiguas NO están soportadas)? Sí.
- ¿Te enfrentas al error con tu copia local de GrapesJS o con la demo actual? Ambos.
- Pasos para reproducir:
- Arrastra un componente y luego cambia su color de fondo desde la entrada
- Abrir el selector de color inmediatamente
- Luego haz clic en el selector de color exterior (en cualquier lugar excepto en lienzo)
- ¿Cuál es el comportamiento esperado? El color de fondo debe mantenerse.
- ¿Qué pasa en cambio? Cambio de color de fondo a color anterior o #000000.
- Screencast
Respuestas (2)
Hola @artf, Después de ver alrededor del selector de color, creo que el problema es que el espectro no tiene el mismo valor que el modelo cuando el usuario cambia la entrada. Así que intenté sincronizar el valor de spectrum y model, y pudo solucionar el problema. Aquí está mi solución: '''javascript InputColor.js /**
- Establecer valor al modelo
- @param {string} val
- @param {Object} opta */ setValue(val, opts = {}) { modelo const = este.modelo; const def = model.get('defaults'); valor const = !isUndefined(val) ? val: !isIndefinido(def)? Def: ''; const inputEl = this.getInputEl(); const colorEl = this.getColorEl(); const valueClr = valor != 'ninguno' ? valor: ''; inputEl.value = valor; colorEl.get(0).style.backgroundColor = valueClr;
Esto evita añadir varios pulgares en el espectro si (opts.fromTarget || (opts.fromInput & !opts.avoidStore)) { // cuando cambia la entrada, actualiza el valor en spectrum colorEl.spectrum('set', valueClr); this.noneColor = valor == 'ninguno'; } },
¿Qué opinas de esto? Si está bien, podría presentar una residencia permanente.
Gracias.
He descubierto que este error también ocurre si cambias la entrada con cualquier valor, luego abres inmediatamente Colorpick y luego la cancelas haciendo clic en fuera (no en el lienzo).
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1941
[BUG]: Al arrastrar un bloque sobre el lienzo, se añade JS en script, antes de soltar el bloque.
Estás enviando un BUG ¿Estás usando la última versión (las versiones antiguas NO están soportadas)? v0.14.57 ¿Te enfrentas al error con tu...
Issue #2722
[BUG] Resaltado y barra de herramientas mal posicionados en el desplazamiento exterior
¿Estás usando la última versión (las versiones antiguas NO están soportadas)? Sí ¿Te enfrentas al error con tu copia local de GrapesJS o co...
Issue #2740
[BUG] Append no funciona de forma consistente
¿Estás usando la última versión (las versiones antiguas NO están soportadas)? Sí ¿Te enfrentas al error con tu copia local de GrapesJS o co...
Issue #2469
[BUG] Añadir botones a la barra de herramientas RTE en la app React hace que los botones se dupliquen.
¿Estás usando la última versión (las versiones anteriores NO están soportadas)? SÍ, 0.15.9¿Te estás encontrando con el problema de tu copia...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.