Copy the "editable" version of a link (Javascript knowledge needed)

Hey everyone

I’m looking for someone who can help me with a script/plugin or whatever, that will allow my users to click on a button on my Live site that will then copy the editable version of an element (preferably by referencing it’s element ID).

So say I had an input on my website with all it’s layout settings, styling, etc, with an element id called “myInput”. There will be a button next to it that says “Copy this element” and this will copy that particular input element with all it’s styling to the clipboard. Then, when a user then goes to their own app editor and clicks Paste, it will paste the same editable input into their own app editor.

I know this goes into the realms of on_click events and local storage somehow, which is why I need help building it out from someone who has a bit more coding expertise.

Many thanks

Pastes it into their Bubble app editor? You can definitely do it if you copy it from the Bubble editor (many Chrome extensions exist already) - I haven’t seen anything from copying from the browser. It sounds like an interesting challenge, keep us posted! It would be nice to copy an element from a UI library and just paste it into our own editor.

This will require an extension so you can use Storage as permissions. You won’t be able to copy/paste the right key/value pair unless your application is fed with the environment of the Bubble Editor.

This is more than a custom plugin, this is also a custom extension.

Does it imply you want to copy any element that is not a buil-in bubble elements?

Hey @avolaunch ,
Dropped you a message, awaiting your response. :smile: