Setting values of hidden fields

Great stuff, grapesjs is amazing btw

Hi Michael, you might want to rely on Component's view for this purpose

const selected = editor.getSelected();

// Here you can use any type of query string
selected.view.$el.find('[type=hidden]').each((el, i, $el) => {
	const model = $el.data('model');
    model && console.log('Hidden component found', model);
});

Probably I'll add find(query) into Component in the next release

Thanks @artf this is what I ended up with

const selected = editor.getSelected();
    selected.view.$el.find('[type=hidden]').each((el, i, $el) => {
    const model = $el.data('model');
    model && console.log('Hidden component found', model);

    for (var i = 0, len = model.collection.models.length; i < len; i++) {
        console.log(model.collection.models[i]);
        //change my_field to the name of the field you want to target
        if(model.collection.models[i].attributes.attributes.name=='my_field'){
	    var attributes = model.collection.models[i].get('attributes');
            attributes.value = 'Value here';
	    model.collection.models[i].set('attributes', attributes);
            return;
	}
    }
    return;
});

This kind of repeats itself a bit, because each hidden field is picked up in the foreach, but the $el variable holds all of the hidden fields, which is why added the returns to break the loops.

Would be interested to know if there was a more elegant way of doing it, but this seems fit for purpose for now anyway.

It would be good to know if there was an "on selected" kind of trigger that fired when an element was selected so I could set the field values on the new edit menu once the form got selected.

I tried an iframe method for that but it didn't seem to work.

Thanks again