Display fiddle from Gist
Read a demo from Github Gist and present it as a fiddle.

Gist files structure

1
fiddle.js
2
fiddle.html
3
fiddle.css
4
fiddle.manifest
Copied!
File name
Description
fiddle.[js/html/css]
Contains fiddle code for the specific panel
fiddle.manifest
YAML description of the Gist for JSFiddle to parse

Manifest file example

1
name: The Name of the Fiddle
2
description: Some description, please keep it in one line
3
authors:
4
- John Doe
5
- Jan Wisniewski
6
resources:
7
- http://some.url.com/some/file.js
8
- http://other.url.com/other_filename.css
9
normalize_css: no
10
wrap: b
11
panel_js: 1
12
panel_css: 1
Copied!
All fields are optional.

Manifest fields

  • panel_html – Language for HTML panel. Accepts:
    • 0 – HTML
  • panel_css – Language for CSS panel. Accepts:
    • 0 – CSS
    • 1 – SCSS
  • panel_js – Language for the JS panel. Accepts:
    • 0 – JavaScript
    • 1 – CoffeeScript
    • 2 – JavaScript 1.7
  • resources – List of external resources.
  • name – Fiddle title
  • description – Fiddle description
  • normalize_css – Normalize CSS by loading normalize.css before any CSS declarations.
    • yes – normalize
    • no – don't normalize
  • wrap – Set the JS code wrap. Options:
    • l – On load
    • d – On DOM ready
Field
Description
name
description
normalize_css
wrap