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)
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 :/
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.
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?

Related Questions and Answers
Continue research with similar issue discussions.
Issue #2710
[QUESTION] Unsplash images in asset manager modal
Hello, I want to add a support for unsplash API when user opens AsssetManager modal with search input (similar to Grapedrop) Is there an ea...
Issue #2516
Asset manager alert
Hi, thanks for the wonderful editor, I Tried to integrate the editor and everything is Fine. When the user selects an image from the asset...
Issue #2281
How to set default custom ratio for image crop while open image editor
Hey @artf , Thanks for creating such a helpful open source library. @artf i am working on open image editor while user change photo from Se...
Issue #930
[Question] Update resizer after asset changed
Hi! I trying to change default assets manager with ours custom manager. On double click the selected image is replaced with a new one with...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.