How to run the following code in my app?

The following code works fine when I run it in a browser (chrome), but it doesn’t work when I run it in my Bubble app. I need some help figuring out what I’m doing wrong.

`

Edit!

`

it doesn’t look like inserting the code worked. For some reason, it’s running it. Not sure what I’m doing wrong. Here’s a screenshot of the code:

> <!DOCTYPE html>
> <html>
> <head>

> <!-- Load widget code -->
> <script type="text/javascript" src="http://feather.aviary.com/imaging/v3/editor.js"></script>



> <!-- Instantiate the widget -->
> <script type="text/javascript">

>     var featherEditor = new Aviary.Feather({
>         apiKey: '1234',
>         onSave: function(imageID, newURL) {
>             var img = document.getElementById(imageID);
>             img.src = newURL;
>         }
>     });

>     function launchEditor(id, src) {
>         featherEditor.launch({
>             image: id,
>             url: src
>         });
>         return false;
>     }

> </script>  

> </head>
> <body>                       

> <!-- Add an edit button, passing the HTML id of the image
>     and the public URL to the image -->
> <a href="#" onclick="return launchEditor('editableimage1', 
>     'https://bubble.imgix.net/http://s3.amazonaws.com/appforest_uf/f1463884143606x480853386456146800/IMG_0194.JPG');">Edit!</a>

@emmanuel what do I need to modify to make this run on my site/app? Thanks for your help.

I can’t tell like this to be honest. Just put this in a script in html and it should get run, as any script tag on the page (in run mode). If not, the chrome debugger is the way to go.

acharam uma solução para isso?, estou precisando pegar o endereco da imagem no bubble