Issue #3303💬 RespondidoAbierto el 2 de marzo de 2021por RutujaBadbeReacciones 1

El orden de las categorías no se muestra correctamente

Respuesta rápidapor Ju99ernaut❤ 1

Supongo que puedes hacer que esto sea una solicitud de funcionalidad, no estoy seguro de si algo así existe ya en grapesjs. Aunque el orden de los bloques puede ser más fácil de gestionar si divides los bloques de cada categoría en diferentes archivos y luego cargas esos archivos en orden.

Lee la respuesta completa abajo ↓

Pregunta

¡Hola! Quiero mostrar las categorías en el gestor de bloques en una secuencia determinada. Revisé la documentación y problemas anteriores y encontré algo sobre el atributo de orden. Así que probé a establecer el atributo de orden. Pero aún no se muestra en ese orden aunque el atributo de orden se esté configurando. ¿Me estoy perdiendo de algo? ¿O si haces algo mal?

Lo que hago es:

Categorías VAR = editor. BlockManager.getCategories();
categories.map(category => {
    console.log(category.id);
    switch (category.id) {
        caso 'Cabezal':
            categoría.orden=1;
            pausa;
        caso 'Carrusel Banner':
            categoría.orden=2;
            pausa;
        'Secciones' del caso:
            categoría.orden=3;
            pausa;
        caso 'Categoría':
            categoría.orden=4;
            pausa;
        caso 'Boletín de noticias':
            categoría.orden=5;
            pausa;
        'Pie de página' del caso:
            categoría.orden=6;
            pausa;
        Por defecto:
            pausa;
    }
});

Así que, el resultado esperado es ver categorías en secuencia: Cabecera, Banner de carrusel, Sección, Categoría, Boletín de noticias, Pie de página

pero lo que sigo recibiendo es esto— ! Captura

Respuestas (4)

Ju99ernaut• 8 de marzo de 2021

Ju99ernaut• 6 de marzo de 2021

Creo que el orden en que se añaden los bloques es lo que determina el orden de las categorías.

RutujaBadbe• 8 de marzo de 2021

@Ju99ernaut ¡hola! Gracias por la respuesta. Sí. Al final hice eso. ¿pero qué pasa si quiero hacerlo de forma dinámica? Si hay muchos bloques, ¿no es difícil mantener el orden?

ClaudeCode• 17 de mayo de 2026

Gracias por informar de esto, @RutujaBadbe.

Buena pregunta sobre El orden de las categorías que no se muestra correctamente. El enfoque recomendado con GrapesJS es usar la API orientada a eventos.

Empieza aquí:

Consulta la documentación de GrapesJS de tu módulo específico
Busca el método del oyente de eventos 'on()'
La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));


**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!