Uploading video in the image element
You can just add it to the video by using the asset manager... this.editor.on('component:create', model => { if (model.get('type') === 'video') { this.editor.runCommand('open-assets', { target: model }); } });
Read full answer below ↓Question
hi. i was trying to implement uploading videos using the image element with the asset manager i stopped at the step where i wanted to replace the img tag with a video tag in the updateTarget call back, i am asking if there is an easy way for implementing that? thanks in advance. here is a snippet from my code
Answers (3)
You can just add it to the video by using the asset manager...
this.editor.on('component:create', model => { if (model.get('type') === 'video') { this.editor.runCommand('open-assets', { target: model }); } });
You can update the tag name of the component in this way model.set('tagName', 'new-tag')
@ecmascriptguru I would rather suggest to extend the video component and implement the modal (like in ComponentImageView)
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2710
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 #3027
Image asset manager, on remove no ability to re-upload the same image that was removed
Are you able to reproduce the bug from the demo? No, in the image asset manager in the demo there is no option to remove images. What is th...
Issue #957
Add custom attributes (data-) to assets/images on Upload/Selection
Hi, I am trying my best to find the proper/best way to do this, but I need to attach two custom HTML5 data tags to an image once it is sele...
Issue #1218
Asset Manager - Upload Image
Hey @artf , I have a question around Asset Manager. When uploading an image via computer or url the preview shows up at the asset collectio...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.