Skip to main content

External Resources

Stylesheets and Scripts

URLs to external CSS stylesheets and JS scripts can be added to the page from the UI using the app menu → External Resources. In addition, there is a button to the External Resources in the toolbar below the editors.

URLs to stylesheets/scripts should be added each in a separate line.

Stylesheets and scripts are loaded in the result page before editor codes. Thus, CSS properties defined in external stylesheets can be overriden in the style editor. Global javascript variables defined in external scripts are available to code in the script editor.

External Resources

Importing and Exporting code to other services (e.g. Codepen and Github gists) takes into consiedration the external resources.

Search for NPM Packages

Package search allows finding NPM Packages and adding URLs to default scripts/stylesheets (hosted by jsDelivr). Specific package version can be specified.

Examples for search terms:

External Resources Search

Fonts

Fonts can be added from Google fonts.

CSS Presets

CSS presets currently include Normalize.css and Reset CSS.