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

1 Like

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.

1 Like

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.

1 Like

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: