Issue #3004💬 RespondidoAbierto el 5 de septiembre de 2020por BakinoReacciones 0

PREGUNTA: propiedades de estilo personalizadas para cambiar de clase

Respuesta rápidapor artf

Hay una opción que te permite indicar qué objetivo seleccionar (clases o estilo específico de componente) https://github.com/artf/grapesjs/pull/2474 (en tu caso 'componentFirst' debería estar desactivado) Desafortunadamente, la interfaz del gestor de selectores no es fácil de personalizar, pero creo que deberías poder...

Lee la respuesta completa abajo ↓

Pregunta

Hola,

Gracias por este buen editor.

En mi proyecto, quiero ajustar las clases de componentes usando el gestor de estilos. Por ejemplo, estoy usando bootstrap y quiero que el usuario pueda aplicar clases como bg-danger y bg-primary desde un dropbox en lugar de introducir el nombre de la clase manualmente.

Sé que puedo hacerlo usando rasgos (y funciona bien), pero es más consistente que el control de estilo vaya en la parte del gestor de estilos (y además es demasiada opción para poner en la parte de rasgos).

He visto que es posible añadir un tipo personalizado en el gestor de estilos, pero siempre es para actualizar una sola propiedad CSS. ¿Es posible usar estos tipos personalizados para actualizar el atributo de clase del componente?

Respuestas (2)

artf10 de septiembre de 2020

Hay una opción que te permite indicar qué objetivo seleccionar (clases o estilo específico de componente) https://github.com/artf/grapesjs/pull/2474 (en tu caso 'componentFirst' debería estar desactivado) Desafortunadamente, la interfaz del gestor de selectores no es fácil de personalizar, pero creo que deberías poder crear una desde cero confiando en eventos y API

Bakino10 de septiembre de 2020

Gracias por tu respuesta :)

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.