Usando grapesjs con bloques personalizados que necesito
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!