Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

377
Vistas
No pude ordenar bloques con BlockManager

Usando grapesjs con bloques personalizados que necesito

  1. Contraer todo, pero extender solo 1 bloque
  2. para ordenarlos. Logré hacer el punto 1), pero buscando la decisión del punto 2) encontré esta rama: https://github.com/artf/grapesjs/issues/780

y lo hago como con temporizador:

 let has_opened_block= false setTimeout(() => { console.log('setTimeout::') var closedBlocks = ['Templates', 'Blocks', 'Images', 'Basic', 'Extra', 'forms']; // I need to collapse these blocks and move them to the bottom gjsEditor.Blocks.getCategories().forEach(ct => { ct.set('open', false); if(!has_opened_block) { // to open only 1st block which is not in closedBlocks if (!closedBlocks.includes(ct.id)) { has_opened_block = true ct.set('open', true); } } }); const bm = gjsEditor.BlockManager; var blocksToRender= [ // I want to see these blocks at top bm.get('h2'), bm.get('d5'), bm.get('f4') ] for (var i=0; i< closedBlocks.length;i++) { // I want to see all blocks which are not in blocksToRender at bottom blocksToRender[blocksToRender.length]= bm.get(closedBlocks[i]) } bm.render( blocksToRender ) }, 8000)

Pero como resultado veo 9 bloques, pero que parecen vacíos: https://prnt.sc/86w-dqziZakn

Además, no puedo arrastrar y soltar el contenido de estos bloques; no se suelta nada.

¿Qué hay de malo en el orden de mis bloques?

¡Gracias!

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda