he.js 项目使用教程

he.js 项目使用教程

he A robust HTML entity encoder/decoder written in JavaScript. 项目地址: https://gitcode.com/gh_mirrors/he/he

1. 项目介绍

he.js 是一个强大的 HTML 实体编码和解码库，由 Mathias Bynens 开发并开源在 GitHub 上。该项目支持所有标准的命名字符引用，能够处理模糊的 & 符号和其他边缘情况，就像浏览器一样。此外，he.js 还处理了其他 JavaScript 解决方案中常见的 Unicode 符号问题。

2. 项目快速启动

安装

你可以通过以下几种方式安装 he.js：

• 通过 npm 安装：

  npm install he
  

• 通过 Bower 安装：

  bower install he
  

• 通过 Component 安装：

  component install mathiasbynens/he
  

使用示例

在浏览器中使用：

<script src="he.js"></script>
<script>
  console.log(he.encode('foo © bar ≠ baz 𝌆 qux'));
  // 输出: 'foo &#xA9; bar &#x2260; baz &#x1D306; qux'
</script>

在 Node.js 中使用：

var he = require('he');
console.log(he.encode('foo © bar ≠ baz 𝌆 qux'));
// 输出: 'foo © bar ≠ baz 𝌆 qux'

3. 应用案例和最佳实践

应用案例

1. HTML 内容安全过滤：在处理用户输入时，使用 he.encode 可以确保输入内容不会包含恶意代码，从而提高应用的安全性。

   var userInput = '<script>alert("XSS")</script>';
   var safeOutput = he.encode(userInput);
   console.log(safeOutput); // 输出: '&lt;script&gt;alert(&quot;XSS&quot;)&lt;/script&gt;'
   

2. 国际化支持：在处理多语言内容时，he.encode 可以确保特殊字符被正确编码，避免显示问题。

   var text = '你好，世界！';
   var encodedText = he.encode(text);
   console.log(encodedText); // 输出: '你好，世界！'
   

最佳实践

• 使用命名引用：在需要兼容旧版浏览器时，建议禁用命名引用。

  he.encode('foo © bar ≠ baz 𝌆 qux', { useNamedReferences: false });
  

• 严格模式：在处理可能包含非法字符的输入时，启用严格模式以确保输入的合法性。

  he.encode('\x01', { strict: true }); // 抛出异常
  

4. 典型生态项目

• jsdom：一个用于解析和操作 HTML 的 Node.js 库，常与 he.js 结合使用以处理 HTML 实体。
• cheerio：一个轻量级的 jQuery 核心实现，用于在服务器端操作 HTML 和 XML，也可以与 he.js 结合使用。
• html-entities：另一个 HTML 实体编码和解码库，与 he.js 类似，但提供了不同的 API 和功能。

通过以上模块的介绍，你可以快速上手并深入使用 he.js 项目。

he A robust HTML entity encoder/decoder written in JavaScript. 项目地址: https://gitcode.com/gh_mirrors/he/he