Place block as component programmatically

Oh I found out how to do it -- via editor.addComponents({ type: 'MyComponent' }). Is there a way to insert it into a specific element by a CSS selector?

Found this snippet, but how would i find the correct index?

editor.getComponents().add('<div>Text</div>', {at: index});

You can actually get the model from the cash element instance with view.$el.data('model'), so you might make it work with less code

wrapper.view.$el.find('#hero .text').each((el, i, $el) => 
    console.log($el.data('model'))
)