Issue #780💬 RespondidoAbierto el 19 de enero de 2018por JulyanoFReacciones 2

¿Cómo reordenar los bloques de BlockManager?

Respuesta rápidapor artf1

No los elimines, simplemente actualízalos y renderízalos '''js const bm = editor. Jefe de bloque; const colmBlock = bm.get('column3').set({ etiqueta: 'Clm label' }) bm.render([ colmBlock, //... ]); ```

Lee la respuesta completa abajo ↓

Pregunta

Estoy intentando reordenar estos bloques, eliminándolos todos de BlockManager y añadiéndolos uno a uno según mi preferencia, pero sigue sin funcionar.

¿Alguien sabe cuál es la norma para ordenarlos?

Respuestas (3)

artf22 de enero de 2018

No los elimines, simplemente actualízalos y renderízalos '''js const bm = editor. Jefe de bloque; const colmBlock = bm.get('column3').set({ etiqueta: 'Clm label' }) bm.render([ colmBlock, //... ]);

chiqui3d29 de enero de 2018

@artf No sería ideal añadir una opción de pedido así para bloques y paneles.

 bm.add('section-hero', {
        etiqueta: 'Sección de héroes',
         orden:1, // 1,2,3,4...
        categoría: 'Secciones',
        contenido: '<header class="header-banner"> <div class="container-width">' +
            '<div class="logo-container"><div class="logo">GrapesJS</div></div>' +
            '<nav class="navbar">' +
            '<div class="menu-item">BUILDER</div><div class="menu-item">TEMPLATE</div><div class="menu-item">WEB</div>' +
            '</nav><div class="clearfix"></div>' +
            '<div class="lead-title">Construye tus plantillas sin programar</div>' +
            '<div class="lead-btn">Pruébalo ahora</div></div></header>',
        atributos: { clase: 'gjs-fonts gjs-f-hero' }
    });
artf19 de enero de 2018

@JulyanoF puedes volver a renderizarlos de esta manera '''js const bm = editor. Jefe de bloque; bm.render([ bm.get('column3'), bm.get('column2'), bm.get('column1') ]);

O, si solo se trata de reordenar dentro de sus categorías, puedes confiar en la propiedad CSS de 'ordenar' ya que su contenedor es flexible

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.