Display fiddle from Gist

Last updated 2 months ago

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