Display fiddle from a Github repository
This allows you to skip the part of hosting code on JSFiddle and load it directly into the editor from a Github repository.
Demo Directory/
demo.js
demo.html
demo.css
demo.details
- demo.[ js | html | css ] contains fiddle code for the specific panel
- demo.details is a description of the demo written in YAML
---
name: Name of the Demo
description: Some description, please keep it in one line
authors:
- John Doe
- Jan Wisniewski
resources:
- http://some.url.com/some/file.js
- http://other.url.com/other_filename.css
normalize_css: no
load_type: d
...
All fields are optional
URL segments in examples:
framework
– the desired framework to load along the code from repoversion
– substring of the framework version - the last passing will be used. If 1.3 will be given, JSFiddle will use the latest search result. it will favorize 1.3.2 over 1.3.1 and 1.3dependency_list
– comma separated list of dependency substrings. It would mark any dependency containing the substringgithub_tree
– the path to the directory used to display it on github page (withouthttp://github.com/
)
For no framework and version use
library/pure
:https://jsfiddle.net/gh/get/library/pure/{github_tree}/
Demo with a preset framework (for example jQuery 3.0):
https://jsfiddle.net/gh/get/{framework}/{version}/{github_tree}/
This demo is fetched from the following repo:
Demo with a framework and external resources/dependencies
https://jsfiddle.net/gh/get/{framework}/{version}/dependencies/{dependency_list}/{github_tree}/
Example: #TODO
Last modified 5yr ago