Add 'inline-flex' to display selector in Style Manager
Para quien busque una solución, no conseguí hacerlo modificando las opciones de StyleManager Así que esto es lo que hice '''s const sector = editor. StyleManager.getSector('flex') sector.on('change:visible', () => applyVisibility()) editor.on('component:selected', comp => applyVisibility(comp)) función applyVisibility...
Lee la respuesta completa abajo ↓Pregunta
¿Qué intentas añadir a GrapesJS? Estilo de pantalla 'inline-flex'. Descripción: Actualmente, el selector de pantalla del Style Manager solo tiene 'flex' como opción, pero al igual que 'bloquear' y 'bloque en línea', es útil tener 'inline-flex'. Cuando intento añadirlo manualmente con esto (¿hack?): Obtengo un resultado, pero hay muchos operadores condicionales que se activan con 'flex' que no se activan con 'inline-flex', como por ejemplo la sección "Flex" del Style Manager que no aparece. ¿Hay alguna alternativa en la última versión? [ ] Sí (describe la alternativa) [x] No ¿Está relacionado...
Respuestas (4)
Para quien busque una solución, no conseguí hacerlo modificando las opciones de StyleManager Así que esto es lo que hice '''s const sector = editor. StyleManager.getSector('flex') sector.on('change:visible', () => applyVisibility()) editor.on('component:selected', comp => applyVisibility(comp)) fun...
Perdón @fq-selbach, pero esto es algo que se podría manejar mediante plugins, no hace falta tener esta lógica en la biblioteca central
@artf bien, pero ¿podrías decirme cómo puedo controlar la categoría "Flex" del Style Manager porque la lógica de mostrarlo/ocultarlo parece estar codificado :-/ Puedo añadir 'inline-flex' al selector de "Display" con un plugin ... pero nunca mostrará la categoría "Flex" cuando se selecciona. Altern...
Gracias por informar de esto, @fq-Selbach. Buena pregunta sobre FEAT: Añadir 'inline-flex' al selector de pantalla en el Style Manager. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el mé...
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3218
How to add new HTML element with inline styles?
Me gustaría añadir un nuevo elemento HTML, con estilos en línea, alrededor del 'rte.selection()'. Con el siguiente ejemplo, el HTML está bi...
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 #3561
Enhanced Shadow DOM Support
¿Qué intentas añadir a GrapesJS? Mejor soporte para Shadow DOM, que permite a los desarrolladores renderizar GrapesJS dentro de un elemento...
Issue #3151
Position of selector manager.
Hola, @artf. Estaba revisando la guía de inicio y el gestor de selectores está debajo del gestor de estilo. ! Captura de pantalla del 23-11...
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.