How to render embedded scripts?

[aakashbashyal21]

I’m trying to display an external HTML widget inside Glance using the html widget type but it doesn’t render any of the embedded content.

My Config

- type: html
  sources: |
    <!-- Start of upcoming event widget -->
    <script type="text/javascript">
      var nc_ev_width = 'responsive';
      var nc_ev_height = 303;
      var nc_ev_def_lan = 'np';
      var nc_ev_api_id = 889202501021599;
    </script>
    <script type="text/javascript" src="https://www.ashesh.com.np/calendar-event/ev.js"></script>
    <div id="ncwidgetlink">
      Powered by ©
      <a href="https://www.ashesh.com.np/nepali-calendar/" id="nclink" title="Nepali calendar" target="_blank">
        Nepali Calendar
      </a>
    </div>
    <!-- End of upcoming event widget -->

How to enable JavaScript for trusted widgets or allow embedding external JS safely?

[ramanuj-droid]

Use an <iframe> instead of a <script>
If the external service supports embedding via iframe, that’s the only safe and supported way to include dynamic widgets.

[aakashbashyal21]

Thank your for the response, I used like this:

          - type: iframe
            title: Holiday Calendar
            source: "/assets/holiday_calendar.html"
            height: 400

and put the .html inside the assets file.

[ramanuj-droid]

So it worked?

[aakashbashyal21]

yes. Thanks