Grapesjs: Rezize block with drag and drop

[micker]

Hello i trying the absolute mode ! its realy good but to be complet with this designer mode did you plan to add rezize module via drag and drop ?
regards

[pouyamiralayi]

@micker you must specify resizable:true on your component type definition.
Cheers!

[micker]

ok i will check it thanks
did you have a demo ?

[pouyamiralayi]

@micker

 editor.DomComponents.addType('image', {
            model: {
                defaults: {
                    resizable:true,
                    traits: ['src']
                }
            }
        })

Cheers!

[micker]

ok cool thanks !

[micker]

i try this

editor.BlockManager.add(\'fcfield\', {
                label: \'Flexicontent Field\',
                category: \'Data\',
                content: \'<div style="display: inline-block">{flexi_field:FIELDNAME  item:{{fc-item-id}}  method:display}</div>\',
                select: true,
                activate: true,
                rezizable:true,
                attributes: { class:\'fc-iblock fa fa-database\' },
});

but i didn't find how to rezize ...

[pouyamiralayi]

@micker if you want to go with blocks, you have to do it like this:

editor.BlockManager.add('test', {
    label: 'test',
    content: '<div data-gjs-resizable="true">content</div>',
})
Cheers!

[micker]

very cool works thanks