其他代码

HTML编码解码JavaScript工具类

阿里云

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

使用方法:

在页面中引入 htmlencode.js 文件,如何你可以像下面这样使用该 HTML 编码和解码插件

也想出现在这里?联系我们
创客主机
  1. htmlEncode('需要进行编码的HTML文本');
  2. htmlDecode('需要进行解码的字符串');

如果你使用 node.js,你可以:

  1. htmlEncode = require('js-htmlencode');

或者:

  1. htmlEncode = require('js-htmlencode').htmlEncode;
  2. htmlDecode = require('js-htmlencode').htmlDecode;

应用举例:

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

上面的代码的输出结果为:

  1. <a href="#">HTML Encode</a>
  2. <a href="#">HTML Encode</a>
  3. <a href="#">HTML Encode</a>

扩展 jQuery:

如果你使用 jQuery,可以使用下面的代码来添加一个 jQuery 扩展。

  1. jQuery.htmlEncode = htmlEncode
  2. jQuery.htmlDecode = htmlDecode

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

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

Prototype:

你还可以直接在原型 prototype 中添加扩展。

  1. String.prototype.htmlEncode = function() {
  2.   return htmlEncode(this);
  3. };
  4. String.prototype.htmlDecode = function() {
  5.   return htmlDecode(this);
  6. };

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

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

该 HTML 编码和解码插件的 github 地址为:https://github.com/emn178/js-htmlencode

HTML 编码解码 JavaScript 工具类

已有 474 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!