Cómo cambiar el estilo del contorno de los componentes seleccionados
Solo el estilo de componente seleccionado está dentro del lienzo, así que tienes que usar la opción 'canvasCss' https://github.com/artf/grapesjs/blob/8915ae417bed25a4834b34d8f0ecc08f0e03fd64/src/editor/config/config.js#L74-L78 para el resto, puedes usar CSS simple como siempre
Lee la respuesta completa abajo ↓Pregunta
Hola @artf
Puedo cambiar el estilo del esquema de un componente flotado con '.gjs-cv-canvas .gjs-highlighter { ...... }`
¿Cómo puedo cambiar el estilo de esquema de un componente seleccionado? No puedo aplicar el estilo usando '.gjs-comp-selected'
Además, ¿cómo puedo cambiar el estilo del tipo/etiqueta del nombre de componentes que se seleccionan o pasan el curso?
¡Gracias!
Respuestas (1)
Solo el estilo de componente seleccionado está dentro del lienzo, así que tienes que usar la opción 'canvasCss' https://github.com/artf/grapesjs/blob/8915ae417bed25a4834b34d8f0ecc08f0e03fd64/src/editor/config/config.js#L74-L78
para el resto, puedes usar CSS simple como siempre
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1842
Mostrando dos veces algunas propiedades y tampoco mostrando algunas opciones.
Hola, @artf @NicoEngler, Tengo un problema extraño. Estoy usando grapes.js y grapes.min.css con la versión 0.14.50. Mientras selecciono cua...
Issue #2359
Modo absoluto, el estilo del componente desaparece al arrastrarse al lienzo
Hola chicos, estoy trabajando con grapesjs, cuya versión es '0.15.8', y en modo 'absoluto', cuando arrastro un bloque al lienzo, noto que f...
Issue #1113
[PREGUNTAS] ¿El nuevo tipo de rasgo no funciona con los componentes renderizados?
Hola, gracias por el excelente marco. Estoy intentando aplicar esto a mi proyecto. Quiero añadir un nuevo rasgo para el componente existent...
Issue #3515
El estilo seleccionado por gjs es Hardcoded
Esta definición: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/canvas/view/FrameView.js#L303-L306 siem...
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.