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 en negrita. Si se activa activada, se aplica 'denso-fuente: negrita', de lo contrario aplica 'peso-fuente: normal'.
Igual que el RTE por defecto. Excepto que quiero que esté en el responsable de estilo.
¿Aceptaríais eso en uvas? ¿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 de texto en el gestor de estilos.
Fíjate que puede que ya tengas una propiedad de peso de fuente, así que si la añades como botón de opción, tendrás que eliminar el desplegable por defecto.
`
Propiedades: [{
propiedad: "text-align",
lista: [{
valor: "izquierda",
claseNombre: "fa fa-align-left"
}, {
valor: "centro",
claseNombre: "fa fa-align-center"
}, {
valor: "correcto",
claseNombre: "fa fa-align-right"
}, {
valor: "justificar",
NombreClase: "fa fa-align-justify"
}]
}]
........
`
`
Caso "Text-align":
r.type = "radio";
........
`
`
Caso "Text-align":
r.list = [{
valor: "izquierda"
}, {
Valor: "Center"
}, {
Valor: "Correcto"
}, {
Valor: "Justificar"
}];
pausa;
`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 #3525
HAZAÑA: En el Gestor de Estilos, permite que requiera la configuración predeterminada
¿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 #1639
[Pregunta]: ¿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 #1759
[Solicitud de funcionalidad]: 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.