Tipo de propiedad de casilla de verificación
Oh, perdona, acabo de encontrar justo lo que necesitas. Podrías probar una solución de jquery sucia mientras esperas, usando 2 botones de radio con los diferentes estados de encendido/apagado y mostrar/ocultar todos los botones cuando los necesites.
Lee la respuesta completa abajo ↓Pregunta
Me interesa desarrollar un tipo de propiedad "casilla de verificación" (toggle) para el gestor de estilos.
Básicamente sería como la radio, excepto que es singular y se puede apagar.
El caso de uso es este:
Quiero tener un icono Negrita. Si está activado, se aplica font-weight: bold de lo contrario se aplica font-weight: normal.
Igual que el RTE por defecto. Excepto que lo quiero en el gestor de estilos.
¿Aceptaríais eso en grapes? ¿Debería llamarlo PropertyToggle o PropertyCheckbox?
Respuestas (3)
Oh, perdona, acabo de encontrar justo lo que necesitas. Podrías probar una solución de jquery sucia mientras esperas, usando 2 botones de radio con los diferentes estados de encendido/apagado y mostrar/ocultar todos los botones cuando los necesites.
Si te he entendido, estás intentando crear un botón nuevo como los otros en "decoración de texto" en https://grapesjs.com/demo.html No tengo decoración de texto en mi proyecto, pero sí botones de alineación de texto que funcionan igual. Este debería ser el código que crea los botones de alineación...
Tu ejemplo ofrece un botón radio con varias opciones.
Quiero botones únicos para activar/apagar.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1639
¿Sería posible cambiar la configuración en el gestor de estilos de forma que tenga href cuando se crea un enlace?
Estoy usando un boletín predefinido con RTE integrado (no quiero usar el editor CK como en la demo) Para convertir cualquier texto en enlac...
Issue #3346
¿Puedo desarrollar mi propio gestor de estilo y encuadernar las propiedades de forma cómoda?
Quiero crear mi propio gestor de estilos usando algún framework de interfaz como Element-UI para crear una interfaz de belleza rápidamente....
Issue #3525
In Style Manager, Allow Requiring the Default Setting
¿Qué intentas añadir a GrapesJS? La propiedad CSS 'float' solo tiene sentido para 'posición: estática;' elementos, que resulta ser el valor...
Issue #1759
Declaraciones de mecanoscrito
¡Este es un proyecto increíble! Gracias. ¿Sería posible obtener tipificaciones para Typescript? Facilitaría mucho la vida para el proyecto...
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.