Audio Tag is not selectable or editable
Good question, the audio element is quite particular so it'd definitely require a custom component, probably following the ComponentVideo (and its custom view) For sure you could add it by yourself but I think it might be good handling it already in the core, so PRs are welcome :)
Read full answer below ↓Question
How to make audio component work properly (selectable,editable) like other components (image).
Answers (2)
Good question, the audio element is quite particular so it'd definitely require a custom component, probably following the ComponentVideo (and its custom view)
For sure you could add it by yourself but I think it might be good handling it already in the core, so PRs are welcome :)
@artf can you give an easy snippet that shows a normal working demo of audio element cuz I tried to define custom component type for audio element but it does not seems to work and it is either not selectable or editable
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2364
[Question] How to add toolbar functionality to the layers panel.
I am trying to add the toolbar to the layers panel and I am not sure how to go about this. Is there any way to accomplish this? toolbar Whe...
Issue #1356
Add "Insert" button to assets manager
How would you go about adding a "Insert image" button to the assets manager modal? At the moment the "Add Image" may be confusing to some w...
Issue #590
How to overwrite domain_abstract ui Input component?
https://github.com/artf/grapesjs/blob/25fdbe14098c7e1a65d3e5527749302174f56a7d/src/domainabstract/ui/Input.js I want to change the input cl...
Issue #2419
[BUG] Absolute dragmode does not work on touch devices
Absolute dragmode (with grapesjs touch plugin) does not work on touch devices. GrapesJS version:0.15.8 Expected behavior: The user should b...
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.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.