Issue #2496💬 RespondidoAbierto el 7 de enero de 2020por prabha-912Reacciones 1

Convertir el valor de color rgb/rgba a código hexadecimal

Respuesta rápidapor artf1

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í:

  1. Arrastra el bloque de texto.
  2. 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)

artf12 de enero de 2020

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']) })

pouyamiralayi7 de enero de 2020

@prabha-912

    editor.on('component:styleUpdate:color', function (model) {
            console.log(model.getStyle()['color'])
     })

¡Salud!

prabha-9128 de enero de 2020

Me devuelve indefinido al actualizar el color @pouyamiralayi

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.