Wednesday 23 April 2014

Client side HTML encoding


<!-- Add JS Before build -->
<script src="JS/jquery-1.6.2.min.js" type="text/javascript"></script>

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <script type="text/javascript" >

        function validateTxt() {
            var div = document.getElementById("Div1");

            var str = "&lt;h1&gt; Hello.. &lt;/h1&gt;&lt;br /&gt; &lt;b&gt;&lt;i&gt; Chirag Here :) &lt;/i&gt;&lt;/b&gt;";

            str = this.replaceAll(str, "&amp;", "&");
            str = this.replaceAll(str, "&lt;", "<");
            str = this.replaceAll(str, "&gt;", ">");
            str = this.replaceAll(str, "&nbsp;", " ");
            var str4Div = str;
            div.innerHTML = str4Div;
        }

        function replaceAll(str, subStr, newStr) {
            var offset = 0;
            var index = str.indexOf(subStr);
            while (index != -1) {

                 str = str.substr(0, index) + newStr + str.substr(index + subStr.length);
                 offset = index + newStr.length;
                index = str.indexOf(subStr, offset);
            }
            return str;
         }

        $(document).ready(function() {
            validateTxt();
        });

    </script>
</head>

<body>
    <form id="form1" runat="server">
    <div id="Div1" onload="javascript:validateTxt();" >
    </div>
    </form>
</body>
</html>

OutPut::


Demo Download