JSFiddle - React, Tailwind, and code Playground

by Kamran Ayub

HTML

<div id="container"></div>

SCSS

#container {
    font-family: Arial, Verdana;
    background: #222;
    color: #eee;
    padding: 10px;
    
    ul {
        list-style-type: none;
    margin: 0 0 0 15px;
    padding: 0;
    
    strong { color: orangered; }
em { color: #888; span { color: #fff; } }
}
}

JavaScript

/********************************
 * jQuery XML Helper
 * 
 * Created by Kamran Ayub (c)2011
 * https://github.com/kamranayub/jQuery-XML-Helper
 *
 * Makes working with XML using jQuery a bit easier
 * for Internet Explorer.
 *
 *
 */
 var $$ = $.sub();
 
$.xml = function (xml) {
    /// <summary>
    /// Makes working with XML a little more
    /// cross-browser compatible by overloading
    /// and extending some core jQuery functions
    /// </summary>

    "use strict";    
        
    $$.parseXML = function (data, xml, tmp) {
        // Slightly modified to use
        // ActiveX for IE9 as well (reversed
        // statements
        if ( window.ActiveXObject ) { // IE6+
            xml = new ActiveXObject( "Microsoft.XMLDOM" );
            xml.async = "false";
            xml.loadXML( data );
        } else { // Standard                        
            tmp = new DOMParser();
            xml = tmp.parseFromString( data , "text/xml" );
        }

        tmp = xml.documentElement;

        if ( ! tmp || ! tmp.nodeName || tmp.nodeName === "parsererror" ) {
            jQuery.error( "Invalid XML: " + data );
        }

        return xml;
    };
    
    $$.fn.append = function () {
        var target = arguments[0],
            nodes = [],
            numNodes,
            curDOM,
            fallback = false;
        
        this.each(function () {
            curDOM = this;
            
            if (curDOM !== null && $.find.isXML(curDOM)) {
                // XMLDOM?            
                if ($.find.isXML(target)) {        
                    nodes = target.childNodes;
                // $-wrapped XML?
                } else if (target instanceof $ && $.find.isXML(target[0])) {
                    nodes = target;
                // String?
                } else if (typeof target === "string") {
                    // Wrap in case multiple elements were requested
                    nodes = $$.parseXML("<jxmlroot>" + target +...