JSFiddle - React, Tailwind, and code Playground

by JonNorman

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/ui-lightness/jquery-ui.css">
<a href="#">click</a>

JavaScript

$(document).ready(function() {
    $("a").click(function() {
        var data = {
            "add_external_resources  ": "",
            "body_tag": "<body>",
            "code_css": "Cg==",
            "code_html": "aGVsbG8=",
            "code_js": "Cg==",
            "description": "",
            "doctype": "3",
            "js_lib": "101",
            "js_lib_option": "",
            "js_wrap": "l",
            "normalize_css": "on",
            "panel_css": "0",
            "panel_js": "0",
            "slug": "2sFJS",
            "title": "",
            "username": "JonNorman",
            "version": "0"
        };
        $('<div style="background-color: white;"></div>').html("<img src=\"http://ajaxload.info/cache/FF/FF/FF/00/00/00/35-0.gif\">").load("/_display/", data).dialog({
            autoOpen: true,
            modal: true,
            height: 100,
            width: 100,
            title: "hi",
            position: {
                my: "center",
                at: "center",
                of: window
            }
        });

    });
});