Categoría colapsada en bloques cuando se carga el Editor de uvas
Prueba con esto '''js categorías const = editor. BlockManager.getCategories(); categories.each(category => { category.set('open', false).on('change:open', opened => { opened.get('open') && categories.each(category => { categoría !== abierto && categoría.set('open', falso) }) }) }) ```
Lee la respuesta completa abajo ↓Pregunta
Hola, Quiero que todas las categorías listadas en Bloques estén inicialmente en condición de colapso cuando se carga el editor de Grapes JS. ¿Cómo puedo hacer eso? Además, si se selecciona una categoría, todas las demás se cierran igual que el acordeón. ¿Es esto posible?
! imagen
¡Gracias!
Respuestas (3)
Prueba con esto '''js categorías const = editor. BlockManager.getCategories(); categories.each(category => { category.set('open', false).on('change:open', opened => { opened.get('open') && categories.each(category => { categoría !== abierto && categoría.set('open', falso) }) }) })
¡Vaya, tío, muchas gracias!
Adelanto: ! imagen :heart_eyes:
Asigna a tu clase y estilos personalizados de conjunto con la imagen de fondo Código de EJ:
En el bloque bm.add
atributos: {
clase: 'icono-personalizado flowz-callToAction-style-2',
título: 'Estilo 2',
},
y en CSS
.custom-icon {
relleno: 0 !importante;
ancho:100px !importante;
Altura:50px !Importante;
Altura mínima: ¡Auto ! Importante
}
.flowz-callToAction-style-2{
background:url(capturas de pantalla/llamadaAAcción/2.jpg) sin repetición;
Tamaño de fondo: 100% 100%
}
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #668
Cuando no esté disponible seleccionar un elemento, sugiere pasar el cursor y hacer clic en evento seleccionará el padre disponible.
Hola @artf, ¿puedo tener una mejora para el comando de selección? Cuando el cursor haga clic o pase el cursor sobre el elemento que no es s...
Issue #1380
¿Cómo puedo hacer que los elementos queden absolutamente posicionados en el lienzo por defecto cuando se sueltan?
Grapejs es lo que llevo buscando desde hace mucho tiempo. Aunque por defecto, todos los elementos están relativamente posicionados cuando s...
Issue #921
[PREGUNTA] Selecciona y enfoca un elemento html desde un botón de panel
Hola a todos, ¿Es posible establecer el enfoque en un HTML de sección con Grapes, como un ancla? Tengo un botón de panel y solo selecciona...
Issue #1748
Cómo evitar que los elementos arrastren dentro del editor
Hola @artf Lo estás haciendo muy bien con grapesjs y es extremadamente útil hacer que nuestra funcionalidad sea más fácil de usar. Gracias...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.