JSFiddle - React, Tailwind, and code Playground

by Espesen

HTML

<script src="http://www.esatoivola.net/fb.js"></script>
<div id="cont"></div>
<div id="tagtest"></div>

CSS

.fbpost {padding:10px; border: 2px solid grey; width: 400px; font-family:arial; font-size: 0.8em; margin: 10px;}

.fbpost img {padding:3px; margin:0px 15px 15px 0px; border:solid 1px grey; border-radius:4px; box-shadow: 4px 4px 2px #999}

JavaScript

function print(str) {
    document.getElementById("tagtest").innerHTML += str;
}

function println(str) {
    print(str + '<br>');
}

var TagTools = {
    "unescape": function(str) { //unescapes characters in string
        var unesc = '"/<>',
            i, result = '',
            bs = false; // if last character was a backslash
        for (i = 0; i < str.length - 1; i++) {
            if (bs) {
                if (unesc.indexOf(str[i]) > -1) {
                    result += str[i];
                }
                else {
                    result += str[i - 1] + str[i];
                }
                bs = false;
            }

            else {
                if (str[i] == '\\') {
                    bs = true;
                }
                else {
                    result += str[i];
                }
            }

        }
        result += str[i];
        return result;
    }
};
// alert(json.entries[2].content);
/*
function pcn(elem, ind) {
    var cn = elem.childNodes;

    function mul1(str, num) {
        return num ? Array(num + 1).join(str) : "";
    }
    for (var i = 0; i < cn.length; i++) {
        println(mul1('&nbsp;', ind) + cn[i].nodeName);
        if (cn[i].childNodes.length > 0) {
            pcn(cn[i], ind + 2);
        }

    }
}

for (var u = 0; u < 5; u++) {
    var newEl = document.createElement("div");
    newEl.innerHTML = json.entries[u].content;
    print(newEl.firstChild.nodeValue);
    pcn(newEl, 0);
    println('***');
}
*/

function sh(fb) {
    var i, newEl, elems = [],
        img, ee, x, par;
    Element.prototype.findImgs = function() {
        var elems = [],
            imgs = this.getElementsByTagName("img"),
            i;
        for (i = 0; i < imgs.length; i++) {
            if (imgs[i].parentNode.nodeName == "A") {
                elems.push(imgs[i].parentNode);
            }

            else {
                elems.push(imgs[i]);
            }
            println(imgs[i].parentNode.nodeName);
        }
...