JSFiddle - React, Tailwind, and code Playground

by Walter Rumsby

HTML

<ul id="unencoded-list"></ul>
<ul id="encoded-list"></ul>
<ul id="stripped-list"></ul>

JavaScript

(function () {
    'use strict';

    var unencodedEl = document.getElementById('unencoded-list'),
        encodedEl = document.getElementById('encoded-list'),
        strippedEl = document.getElementById('stripped-list');


    ['< boo', '<b>beam</b>', '& xyz >', '3 > 1'].forEach(function (fragment) {
        unencodedEl.innerHTML += '<li>' + fragment + '</li>';
        encodedEl.innerHTML += '<li>' + Ext.String.htmlEncode(fragment) + '</li>';
        strippedEl.innerHTML += '<li>' + Ext.util.Format.stripTags(fragment) + '</li>';
    });
}());