How to add external javascript library and stylesheets in a widget?

Question

I am trying to create a Javascript widget where in the user of the widget will have to add a couple of lines of Javascript to his page which in turn will add an externally hosted javascript to his page. Through this javascript, I'll add HTML code to his page. In this HTML, I'm using Angular Material Library.

I have a few questions:

How should I go about this? Can someone share a link of a related tutorial?
Is it possible to add external stylesheet and script to the widget?
How do I avoid any conflicts with the user's own website global objects?

wrap your code in an IIFE to avoid global conflicts. As for stylesheet can append link tag on any page — charlietfl, May 14 '16 at 18:32

score 0 · Answer 1 · edited May 23 '17 at 12:16

0

You are most likely to create an iframe solution which your Javascript will inject on the page upon rendering.

Name conflicts can be avoided using naming convention for stylesheets, IIFE for scoping.

I think your question seems already answered here: Creating a javascript widget for other sites

edited May 23 '17 at 12:16

Community

1
1

answered May 14 '16 at 21:25

Rikin

5,351
2
15
22

How to add external javascript library and stylesheets in a widget?

1 Answers1