Issue #2980💬 RespondidoAbierto el 27 de agosto de 2020por ikenderhamReacciones 0

El control deslizante de rango no funciona

Respuesta rápidapor ikenderham

https://jsfiddle.net/psrdmx4c/

Lee la respuesta completa abajo ↓

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)

artf28 de agosto de 2020

No hay un rasgo de rango incorporado, primero tienes que crear uno

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.