HTML Embed through script not working

App Building
, ,
1

  • Goal: I am trying to embed a third party widget into my retool app.

  • Steps: I have tried using an html component and setting the content (HTML parameter in inspector) to the script tag that should embed the widget.

  • Details: A simple test for this is a weather widget:

<a class="weatherwidget-io" href="https://forecast7.com/en/52d374d90/amsterdam/" data-label_1="AMSTERDAM" data-label_2="WEATHER" data-theme="original" >AMSTERDAM WEATHER</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>

This works fine on for example jsfiddle. Does not work in retool and only shows the anchor tag.

  • Screenshots:

Retool result:

image

JSFiddle result:

image
image691×221 15.2 KB

1 Like
2

I made something that works with a custom component, but it's a bit of a hassle for 1 widget. The DX for custom components is excellent! But I'd rather have an option in the html component to allow this.

3

Thanks for the feedback! Currently, the html is pretty limited, so I'd always suggest the custom component if you need any scripts

1 Like