Issue #3415Opened April 26, 2021by mmotov0 reactions

QUESTION: Custom Asset Manager. How to set bg image

Question

Hi there! I'm building a custom modal for the Asset Manager and basically, it seems that I need to override 'open-assets'command. How I can understand if a user wants to set an image src or background-image property? Thanks in advance!

Answers (3)

advancedsoftwarecanadaMay 4, 20210 reactions

Seconded, just started with GrapeJS and got it operational on my system, looking to set the background image on a header div without having to write css code :/

artfMay 7, 20210 reactions

Actually, the knowledge of what to do on asset selection should not be part of the command itself as the action should be decided by who runs the command, eg.

editor.runCommand('open-assets', {
    onSelect(asset) {
      const cmp = editor.getSelected();
      cmp && cmp.addStyle({ 'background-image': `url("${asset.get('src')}")` })
    }
});

I'd suggest inspecting the current implementation of the command, but I have to say that is quite old, so If you'll find anything that might be improved, I'll be happy to hear that.

advancedsoftwarecanadaMay 10, 20210 reactions

This is not the right solution to our question.

What I'm looking to do is add this to a component, how would we do this?

image

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.