HTML Encode 和Decode

最新推荐文章于 2023-02-08 10:36:48 发布

转载最新推荐文章于 2023-02-08 10:36:48 发布 · 295 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/Aaron-Lee/p/9468205.html

本文介绍了使用富文本编辑器时如何通过JavaScript实现HTML的编码与解码，以确保前后端数据的一致性。并推荐了一个优秀的开源富文本编辑器wangEditor。

在使用富文本编辑器来保存数据时，传到后台的数据是以带标签的html文本来保存的，这时候需要用到html的解码和加码来作中间的桥梁来转换数据。下面是前台JS

的加解码方法：

function HTMLEncode(html) {
            var temp = document.createElement("div");
            (temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html);
            var output = temp.innerHTML;
            temp = null;
            return output;
        }

function HTMLDecode(text) {
            var temp = document.createElement("div");
            temp.innerHTML = text;
            var output = temp.innerText || temp.textContent;
            temp = null;
            return output;
        }

同时推荐一个比较好用的富文本编辑器（wangEditor），这是一个在github上开源的插件，界面简洁，功能完整同时还有全套的中文参考Doc。

转载于:https://www.cnblogs.com/Aaron-Lee/p/9468205.html