
js-htmlencode 是一款可以实现 HTML 编码和解码的 JavaScript 工具类。通过该 JS 工具类,你可以将 HTML 标签转换为对应的 HTML 实体,也能将 HTML 实体转换回 HTML 标签,非常实用。
在页面中引入 htmlencode.js 文件,如何你可以像下面这样使用该 HTML 编码和解码插件。
htmlEncode('需要进行编码的HTML文本');
htmlDecode('需要进行解码的字符串');
如果你使用 node.js,你可以:
htmlEncode = require('js-htmlencode');
或者:
htmlEncode = require('js-htmlencode').htmlEncode;
htmlDecode = require('js-htmlencode').htmlDecode;
htmlEncode('<a href="#">HTML Encode</a>');
htmlDecode('<a href="#">HTML Encode</a>');
htmlDecode('<a href="#">HTML Encode</a>');
上面的代码的输出结果为:
<a href="#">HTML Encode</a>
<a href="#">HTML Encode</a>
<a href="#">HTML Encode</a>
如果你使用 jQuery,可以使用下面的代码来添加一个 jQuery 扩展。
jQuery.htmlEncode = htmlEncode
jQuery.htmlDecode = htmlDecode
然后你就可以像下面这样来进行编码和解码:
$.htmlEncode('<a href="#">HTML Encode</a>');
$.htmlDecode('<a href="#">HTML Encode</a>');
你还可以直接在原型 prototype 中添加扩展。
String.prototype.htmlEncode = function() {
return htmlEncode(this);
};
String.prototype.htmlDecode = function() {
return htmlDecode(this);
};
然后你就可以像下面这样来进行编码和解码:
'<a href="#">HTML Encode</a>'.htmlEncode();
'<a href="#">HTML Encode</a>'.htmlDecode();
该 HTML 编码和解码插件的 github 地址为:https://github.com/emn178/js-htmlencode
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!