1

　html 转 text　 　text 转 html　

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

2

var HtmlUtil = {
    /*1.用浏览器内部转换器实现html转码*/
    htmlEncode: function (html) {
            //1.首先动态创建一个容器标签元素，如DIV
            var temp = document.createElement("div");
            //2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(旧版火狐，google支持)
            (temp.textContent != undefined) ? (temp.textContent = html) : (temp.innerText = html);
            //3.最后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串了
            var output = temp.innerHTML;
            temp = null;
            return output;
        },
        /*2.用浏览器内部转换器实现html解码*/
        htmlDecode: function (text) {
            //1.首先动态创建一个容器标签元素，如DIV
            var temp = document.createElement("div");
            //2.然后将要转换的字符串设置为这个元素的innerHTML(ie，火狐，google都支持)
            temp.innerHTML = text;
            //3.最后返回这个元素的innerText(ie支持)或者textContent(火狐，google支持)，即得到经过HTML解码的字符串了。
            var output = temp.innerText || temp.textContent;
            temp = null;
            return output;
        }
}

var abcd = "<p></p>"
$(function () {
    var textarea = $('#topics').find("textarea")
    textarea.val("")
    textarea.css("resize", "none")
    textarea.css("overflow", "scroll;")
    textarea.css("width", "100%")
    textarea.css("height", "200px")
    $("#encode").click(function () {
        var html = $("#html").val()
        var text = HtmlUtil.htmlEncode(html)
        $("#text").val(text)
    })
    $("#decode").click(function () {
        var text = $("#text").val()
        var html = HtmlUtil.htmlDecode(text)
        $("#html").val(html)
    })
});

　

#topics textarea {
    background: #6ce26c1c;
}

　　

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄