实现HTML编码和解码的JavaScript工具类

简要教程

js-htmlencode是一款可以实现HTML编码和解码的JavaScript工具类。通过该JS工具类，你可以将HTML标签转换为对应的HTML实体，也能将HTML实体转换回HTML标签，非常实用。

查看演示      下载插件

安装

可以通过bower或npm来安装js-htmlencode插件。

bower install js-htmlencode
npm install js-htmlencode

使用方法

在页面中引入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扩展。

jQuery.htmlEncode = htmlEncode
jQuery.htmlDecode = htmlDecode

然后你就可以像下面这样来进行编码和解码：

$.htmlEncode('<a href="#">HTML Encode</a>');
$.htmlDecode('<a href="#">HTML Encode</a>');

Prototype

你还可以直接在原型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

来源：jQuery之家

标签： 代码

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。