El control deslizante de rango no funciona
Pregunta
Hola a todos
Estoy intentando crear un control deslizante de rango dentro de un rasgo, donde pueda cambiar la altura de un div. Creé un nuevo componente y dentro de él creé un rasgo.
Intenté hacer una solución con una caja de selección que parece funcionar. Pero ahora intentaré hacerlo con un control deslizante de rango, aunque realmente no sé cómo hacerlo. No funciona ni cambia la altura.
Espero que alguien pueda ayudarme a solucionar esto
'''js editor. DomComponents.addType('spacercomp', { modelo: { Predeterminados: { barra de herramientas: [{ Atributos: {Clase: 'FA Fa-flechas'}, Orden: 'Tlb-move', }, { Atributos: {Clase: 'FA FA-Arrow-Up'}, comando: 'sube-comando', }, { Atributos: {Clase: 'FA FA-flecha hacia abajo'}, comando: 'mover Abajo', },{ Atributos: {Clase: 'FA Fa-Clon'}, Orden: 'TLB-clon', },{ Atributos: {Clase: 'FA Fa-flechas'}, Orden: 'Tlb-move', },{ Atributos: {clase: 'Fa fa-basura'}, Orden: 'tlb-delete', }], Rasgos: [ Las cadenas se convierten automáticamente en tipos de texto {// esto está funcionando. tipo: 'select', // Tipo del rasgo etiqueta: 'Højde', // La etiqueta que verás en Configuración nombre: 'estilo', // El nombre del atributo/propiedad a usar en el componente Unidad: 'PX', marcador de posición: 'Vælg højde', Opciones: [ { Valor: 'Altura:10px', Nombre: '10px'}, { valor: 'altura:20px; font-size:20px;', name: '20px'}, { valor: 'Height:30px', Nombre: '30px'}, { valor: 'Height:40px', Nombre: '40px'}, ] },{// Esto no funciona... ¿Qué me estoy perdiendo? etiqueta: 'Højde', // La etiqueta que verás en Configuración nombre: 'estilo', // El nombre del atributo/propiedad a usar en el componente Tipo: 'Rango', min:'10', max:'100', }
],
}, }, });
Respuestas (2)
No hay un rasgo de rango incorporado, primero tienes que crear uno
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2549
[PREGUNTA] Actualizar vista de componentes al cambiar la propiedad
Hola a todos, Estoy intentando crear un componente que actualice su vista en función del valor de una propiedad '''javascript editor. DomCo...
Issue #846
Error cuando intenté añadir filas a una tabla
Hola a todos Estoy empezando a usar Grapesjs y tengo un problema, estoy intentando añadir 3 comandos nuevos para crear tablas, añadir filas...
Issue #3457
La entrada de rasgos personalizados no funciona
¡Hola @artf! Versión: 0.17.3 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No ¿Cuál es el comportamiento esperado? La entrada se crea co...
Issue #3174
Crear un nuevo tipo de componente no hereda las funciones de su tipo padre
Hola, estoy intentando crear un nuevo rasgo común compartido entre todos los componentes creando el siguiente plugin en otro archivo de plu...
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.