Display fiddle from Gist

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

Gist files structure

fiddle.js
fiddle.html 
fiddle.css 
fiddle.manifest

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

name: The Name of the Fiddle
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
wrap: b
panel_js: 1
panel_css: 1

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