¿Cómo reordenar los bloques de BlockManager?
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)
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, //... ]);
@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' }
});
@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.
Issue #835
Actualizar el lienzo con una función personalizada
Estoy intentando crear una función que reemplace todos los atributos de link, estos hacen el cambio en el lienzo, pero no lo guardan cuando...
Issue #1141
[Pregunta] - ¿Cómo ampliar los rasgos existentes y renderizar los cambios en el lienzo?
Estoy intentando escribir un plugin para gestionar todas las propiedades de los elementos de los bloques Boostrap. Si alguien hace clic en...
Issue #1893
[PREGUNTA] Por definición, todos los bloques tienen que tener el mismo estilo
Estamos usando blockManager, como puedes ver en el ejemplo publicado en codesandbox, siguiendo la documentación relacionada con el renderiz...
Issue #1902
[PREGUNTAS] Desactivar/cambiar el comportamiento de los componentes integrados
Hola, Intentando conseguir trabajo de GrapesJ para un proyecto en el que estoy trabajando actualmente. ¿Pero hay alguna forma de desactivar...
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.