Script/Page to convert gist to runnable demo

[mikaelbr]

Project description

A JavaScript library which takes a link to a gist and for each file in the gist (e.g. something like this gist) it creates a syntax highlightet, editable input field, and the result of that file.

This can either be a script that you can include on your blog, or it could be a standalone web page where you can take a query parameter to a Gist ID and automatically create series of input fields.

This page or script can be used to create workshops, editable demo files, examples for documentation, etc.

One could also take this one step further and take a gist of a markdown document and look for code blocks. This way one could automatically make blogposts interactive just based on the Gist sha ID.

Relevant Technology

JavaScript, HTML, CSS, Web. Specifically Ace/CodeMirror, sandboxing javascript and running it in the browser.

Who is this for

This is for someone who sees the value of having the possibility of automatically creating interactive demos and editable code from Github Gists. Probably a medium timeframe project.