JSFiddle - React, Tailwind, and code Playground

by Imabot

HTML

<h1>Before</h1>
<pre id="before"></pre>

<h2>After</h2>
<pre id="after"></pre>

JavaScript

var entityMap = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;', '/': '&#x2F;', '`': '&#x60;', '=': '&#x3D;' };

function escapeHtml (string) {
  return String(string).replace(/[&<>"'`=\/]/g, function (s) {
    return entityMap[s];
  });
}

var before="\" \' & < > =";
console.log ("Before : " + before);
document.getElementById("before").innerHTML = before;

var after = escapeHtml(before);
console.log ("After : " + after);
document.getElementById("after").innerHTML = escapeHtml(after);