Controles incorrectos de radio de frontera
Correcto, el orden por defecto actual es incorrecto, pero como el tipo 'compuesto' sigue el orden CSS de la propiedad de 'radio de borde', el resultado será exactamente igual al que has conseguido. Por si necesitas cambiar el orden de las propiedades compuestas, te sugeriría añadir este estilo CSS '''css .gjs-sm-prope...
Lee la respuesta completa abajo ↓Pregunta
Cambiar la hélice 'borde-abajo-izquierda' cambia el radio inferior derecho, y viceversa. Reproduciendo:
- Ir a https://jsfiddle.net/szLp8h4n
- Añadir, por ejemplo, cualquier imagen
- Intenta cambiar el prop 'borde-abajo-izquierda-radio' en la sección de Decoraciones
Jugar con la configuración no ayudó mucho, el mejor soluciona el problema de nombres pero los controles de reorden en sí. Así que, la configuración es así:
{
propiedad: 'radio de frontera',
tipo: 'compuesto',
Propiedades: [
{
nombre: 'Radio superior izquierdo de la frontera',
propiedad: 'frontera-arriba-izquierda-radio',
tipo: 'entero',
valores por defecto: '0px',
min: 0,
Unidades: ['PX', '%'],
},
{
nombre: 'Radio de Frontera Superior Derecha',
propiedad: 'radio de frontera superior derecha',
tipo: 'entero',
valores por defecto: '0px',
min: 0,
Unidades: ['PX', '%'],
},
{
nombre: 'Radio Inferior Izquierdo del Borde',
propiedad: 'radio de frontera inferior derecha',
tipo: 'entero',
valores por defecto: '0px',
min: 0,
Unidades: ['PX', '%'],
},
{
nombre: 'Radio inferior derecho del borde',
propiedad: 'radio de borde inferior izquierdo',
tipo: 'entero',
valores por defecto: '0px',
min: 0,
Unidades: ['PX', '%'],
},
],
},
... Resultados en: ! imagen (observa el radio inferior de control de reorden)
Respuestas (1)
Correcto, el orden por defecto actual es incorrecto, pero como el tipo 'compuesto' sigue el orden CSS de la propiedad de 'radio de borde', el resultado será exactamente igual al que has conseguido. Por si necesitas cambiar el orden de las propiedades compuestas, te sugeriría añadir este estilo CSS '''css .gjs-sm-property__border-abajo-derecha-radio { Orden: 1; }
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #4411
XSS al añadir el nombre de la clase al Selector Manager
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v102 Enlace de demo reproducible h...
Issue #5049
Problema al arrastrar un componente compuesto por imagen y enlace
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Brave Enlace de demo reproduci...
Issue #6087
Deshacer no funciona después de que se cambia el innerHTML de un componente
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Últimas novedades Enlace de demo reproduc...
Issue #2621
[Bug] editor. Botones duplicados Panels.addPanel
Al crear un plugin personalizado, por si acaso, cuando se 'editor. Panels.addPanel utiliza la función de plugin interno: los botones están...
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.