JSFiddle - React, Tailwind, and code Playground

by Denis

HTML

<div id = "code">
    <p>ТЕКСТ</p>
    <span>UPS</span>
    <div>Hashcode</div>
</div>

<div id = "res"><strong>Результат: </strong></div>

JavaScript

function htmlspecialchars(text) {
    var chars = Array("&", "<", ">", '"', "'");
    var replacements = Array("&amp;", "&lt;", "&gt;", "&quot;", "'");
    for (var i=0; i<chars.length; i++)
    {
        var re = new RegExp(chars[i], "gi");
        if(re.test(text))
        {
            text = text.replace(re, replacements[i]);
        }
    }
    return text;
}

var content = $('#code').html();
var newStr = htmlspecialchars(content);
$('#res').append(newStr);