HAZAÑA: Añadir opciones al array de la lista de propiedades en el gestor de estilos

Creo que puedes mover los proyectos de construcción fuera de la lista de propiedades y aun así conseguir lo que buscas; las propiedades integradas relacionadas con la caja flexible solo aparecen cuando un componente tiene 'display: flex'. También es importante señalar que los 'buildProps' son simplemente presets integrados de entradas, por lo que no pueden incrustarse en otras entradas, es decir, en la lista de propiedades

'''js { nombre: 'Layout', Abierto: Cierto, buildPropos: ['display', 'direction', 'align-content', 'align-items', 'align-self', 'justificify-content', 'justificify-items', 'justificify-self'], Propiedades: [ { Tipo: 'Radio', Propiedad: 'Display', lista: [ { título: 'Bloqueo', Nombre: '<span class="material-icons">calendar_view_day</span>', valor: 'bloquear', }, { título: 'Flex', Nombre: '<span class="material-icons">calendar_view_week</span>', valor: 'flex', }, { título: 'Grid', nombre: '<span class="material-icons">grid_on</span>', valor: 'cuadrícula', }, { título: 'Bloque en línea', Nombre: '<span class="material-icons">relleno</span>', valor: 'bloque en línea', }, { título: 'Inline', Nombre: '<span class="material-icons">horizontal_distribute</span>', valor: 'en línea', }, { título: 'Ninguno', nombre: '<span class="material-icons">visibility_off</span>', valor: 'ninguno', }, ] } ] }

Gracias. Lo he probado pero las propiedades de la cuadrícula no funcionan. Puede que tenga que implementarlo manualmente, pero no estoy seguro de cómo abordar el problema de la mejor manera.

No hay 'buildProps' para propiedades de la cuadrícula, así que tendrás que construirlas desde cero; desafortunadamente, la documentación no tiene mucha información sobre propiedades personalizadas, probablemente tendrás que juntar las piezas a partir de la referencia de la API https://grapesjs.com/docs/api/style_manager.html#stylemanager

Gracias por informar de esto, @server102.

Gracias por compartir tu informe sobre FEAT: Añadir opciones a la lista de propiedades en el gestor de estilos. Para ayudar al equipo a investigar y priorizar esto:

Por favor, proporciona:

1. Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle)
2. Tu GrapesJS número de versión
3. Información sobre navegador y sistema operativo
4. Cualquier mensaje de error de la consola del navegador
5. Pasos para reproducir el problema

Lo que más ayuda:

• Ejemplo de código mínimo (no tu proyecto completo)
• Grabación de pantalla o captura de pantalla que muestra el problema
• Comportamiento esperado frente a comportamiento real claramente indicado
• Configuración GrapesJS que estás usando

Con estos detalles, los mantenedores pueden identificar y priorizar una solución mucho más rápido. El equipo de GrapesJS responde muy bien a los problemas bien documentados.