实现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之家