原生js实现 转义&还原HTML

代码

// 使用js实现 转义&还原HTML

const htmlStr = '<h1 title="123">这是一个h1标题<span>abc&nbsp;</span></h1>';
// 定义转义html的方法
function htmlEscape(htmlStr) {
    return htmlStr.replace(/<|>|"|&/g, match =>{
        switch(match) {
            case '<':
                return '&lt;';
            case '>':
                return '&gt;';
            case '"':
                return '&quot;';
            case '&':
                return '&amp;';
        }
    })
}

// 定义还原html的方法
function htmlUnescape(html) {
    return html.replace(/&lt;|&gt;|&quot;|&amp;/g, match => {
        switch(match) {
            case '&lt;':
                return '<';
            case '&gt;':
                return '>';
            case '&quot;':
                return '"';
            case '&amp;':
                return '&';
        }
    })
}

// 验证方法的正确性
let html = htmlEscape(htmlStr);
console.log(html);
let str = htmlUnescape(html);
console.log(str);

结果

•  参考：黑马程序员Node.js全套入门教程，nodejs最新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解_哔哩哔哩_bilibili