Convertir el valor de color rgb/rgba a código hexadecimal
Como el StyleManager puede dirigirse a Componentes y CssRules, primero tienes que averiguar qué se ha seleccionado '''js editor.on('component:styleUpdate:color', component => { const sm = editor. StyleManager; const model = sm.getModelToStyle(component); el modelo puede ser un Componente o una CssRule console.log(mode...
Lee la respuesta completa abajo ↓Pregunta
Hola a todos,
Pasos que seguí:
- Arrastra el bloque de texto.
- Establecer el color de la fuente. (está en formato RGB/RGB)
Lo que esperaba: El estilo necesita actualizarse como código hexa. (como, #f0f0f0)
Intenté conseguir la actualización de color en particular usando 'editor.on('component:styleUpdate:color', function (model) {' . Pero no pude encontrar la solución. Guíame cómo lograr la solución esperada.
Gracias de antemano, Prabha.
Respuestas (3)
Como el StyleManager puede dirigirse a Componentes y CssRules, primero tienes que averiguar qué se ha seleccionado '''js editor.on('component:styleUpdate:color', component => { const sm = editor. StyleManager; const model = sm.getModelToStyle(component); el modelo puede ser un Componente o una CssRule console.log(model.getStyle()['color']) })
@prabha-912
editor.on('component:styleUpdate:color', function (model) {
console.log(model.getStyle()['color'])
})
¡Salud!
Me devuelve indefinido al actualizar el color @pouyamiralayi
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1502
[Bug] Creación de múltiples elementos hijos tras editar usando RTE
Hola a todos, A continuación me están encontrando problemas relacionados con RTERTE creando múltiples hijos como acción realizada en el blo...
Issue #1495
[Bug] Creación de múltiples elementos hijos tras editar usando RTE
Hola a todos, A continuación me están encontrando problemas relacionados con RTE 1) RTE creando múltiples hijos como acción realizada en el...
Issue #921
[PREGUNTA] Selecciona y enfoca un elemento html desde un botón de panel
Hola a todos, ¿Es posible establecer el enfoque en un HTML de sección con Grapes, como un ancla? Tengo un botón de panel y solo selecciona...
Issue #2610
El estilo se pierde al deseleccionar un componente al usar el método rte.exec
Hola @artf, Al configurar el color de fondo/precolor (o cualquier otro formato como tamaño de fuente, etc.) usando la barra de herramientas...
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.