Issue #2748💬 RespondidoAbierto el 30 de abril de 2020por jsychovaReacciones 1

El deslizador no funciona con un valor de paso que no sea entero

Respuesta rápidapor adamwpe1

Ah, te refieres a las flechas; perdona, pensaba que en general querías decir que el deslizador no funciona. ! imagen Nunca me había dado cuenta de eso: siempre usa el orden deslizante, el ratón arrastrando sobre las flechas. Voy a echar un vistazo a la vista, no sé muy bien por dónde empezar jaja.

Lee la respuesta completa abajo ↓

Pregunta

El control deslizante de propiedades predeterminado de StyleManager no funciona con un valor de paso que no sea entero. Versión GrapesJS: 0.16.1

En muchos casos, es conveniente usar un deslizador con un valor de paso no entero: ! GrapesJS

parece que Grapesjs solo admite valores enteros y redondea valores no enteros.

Pasos para reproducir: Añadir una propiedad con el tipo 'slider'

var property = styleManager.addProperty('mySector',{
   nombre: 'Opacidad',
   Tipo: 'Deslizador',
   propiedad: 'opacidad',
   Valores por defecto: 1,
   Escalón: 0.1,
   máximo: 1,
   min: 0,
   }, { at: 0 });

Respuestas (3)

adamwpe30 de abril de 2020

Ah, te refieres a las flechas; perdona, pensaba que en general querías decir que el deslizador no funciona.

! imagen

Nunca me había dado cuenta de eso: siempre usa el orden deslizante, el ratón arrastrando sobre las flechas.

Voy a echar un vistazo a la vista, no sé muy bien por dónde empezar jaja.

adamwpe30 de abril de 2020

Curiosamente, esto me funciona (sé que estoy creando el sector al mismo tiempo):

        editor. StyleManager.addSector('General',{
            nombre: 'Extras',
            abierto: falso,
            Propiedades: [{
                propiedad: 'opacidad',
                Tipo: 'Deslizador',
                Valores por defecto: 1,
                escalón: 0,01,
                máximo: 1,
                min: 0
            }]
        }, { at: 9 });

¿Puedes hacer una demo?

jsychova30 de abril de 2020

Sí, por supuesto. He creado una muestra con tu fragmento, pero parece que no quiere trabajar conmigo.

https://codepen.io/sjul66/pen/VwvMwNY

¡Gracias!

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.