JSFiddle - React, Tailwind, and code Playground

by DiegoTc

HTML

<div id="url"></div>
<img id="image" />
<p id="console-log"></p>

CSS

#console-line {
    font-family: monospace;
    margin: 2px;
}

JavaScript

console.log = function (text) {
    $("#console-log").append(text + "\n");
};

var testData = {
    "description": "Demo of JSFiddle creating a gist with an image",
        "public": true,
        "files": {
            "fiddle.html": {
                "content": '\
<div id="url"></div>\n\
<img id="image" />\n\
<p id="console-log"></p>'
            },
            "fiddle.manifest": {
                "content":
"name: Fiddle-based gist forking demo with images\n\
description: Demonstrate that without any server-side code, you can generate new gists and provide a fork-me link to save deltas\n\
authors:\n\
  - Jason Kridner\n\
resources:\n\
  - http://beagleboard.org/static/bonescript.js"
            },
            "image.png.base64": {
                "content": "...