How can i create a new block ?

[censonalvin]

Hi guys. I'm new at using grapesJS. I was trying to seperate each of this blocks/categories (see the pic) and call it on different divs on the sidenav. How can i do that? I can't seem to find a tutorial/s or a documentation regarding on what i'm trying to do. (might lack exploring on my side).

[artf]

Try to filter them via render method https://grapesjs.com/docs/api/block_manager.html#render

[censonalvin]

where do i need to place it ? when i'm trying to place it on the last line of my JS. i'm getting "Uncaught ReferenceError: blockManager is not defined".

[artf]

const blockManager = editor.Blocks;
blockManager.render...

[censonalvin]

Just wanna ask if the 'some-id' is where the block will should go right? (reference below).

-> document.getElementById('some-id').appendChild(newBlocksEl);

[censonalvin]

btw its working thanks. now i will gonna find out how to include the blocks that we made to each categories. it seem it is only getting the ones in the plugin.

Thanks again @artf