作为前端开发人员，我们经常需要处理 HTML 内容，这可能会包含一些不安全的标签和属性，这些标签和属性可能会导致安全漏洞。sanitize-html-x 是一个能够帮助我们处理这些问题的 npm 包。
sanitize-html-x 可以移除 HTML 中所有的不安全标签和属性，并保留一些安全标签和属性。在本文，我们将学习如何使用 sanitize-html-x 包来处理 HTML 内容，并保证其安全性。
安装
要使用 sanitize-html-x，我们需要安装该包。npm 是安装 packages 的标准方式，确保你已经安装了 NPM 和 Node.js。
在终端中执行以下命令来安装 sanitize-html-x 包：
npm install sanitize-html-x
使用
一旦我们安装了 sanitize-html-x 这个 npm 包，我们就可以在代码中使用它。下面我们将演示如何使用 sanitize-html-x 包。
删除不安全的标签和属性
下面是使用 sanitize-html-x 包删除不安全标签和属性的代码示例：
const sanitizeHtml = require('sanitize-html-x');
const html = "<script>console.log('Injected script.')</script><p>This is a paragraph with a <a href='https://www.example.com' target='_blank'>link</a></p>";
const cleaned = sanitizeHtml(html);
console.log(cleaned);在上面的代码示例中，我们首先导入 sanitizeHtml 函数，接着定义一个字符串变量 html 来存储包含不安全标签和属性的 HTML 内容。然后，我们使用 sanitizeHtml 函数来清除不安全标签和属性，并将其赋值给变量 cleaned。最后，我们使用 console.log() 打印变量 cleaned，以查看被清除了不安全标签和属性的 HTML 内容。
仅保留安全标签和属性
下面是使用 sanitize-html-x 包仅保留安全标签和属性的代码示例：
-- -------------------- ---- -------
----- ------------ - ---------------------------
----- ---- - ------------------------------ ------------------------- -- - --------- ---- - -- ------------------------------ ------------------------------
----- ------- - ------------------ -
------------ - ---- --- --
------------------ -
---- -------- ---------
-
---
---------------------在上面的代码示例中，我们定义了一个选项对象来仅保留 p 和 a 标签。并且仅留下 a 标签的 href 和 target 属性。我们将选项传递给 sanitizeHtml() 函数，并将其赋值给变量 cleaned。最后，我们使用 console.log() 打印变量 cleaned，以查看被保留了安全标签和属性的 HTML 内容。
总结
在本文中，我们学习了如何使用 sanitize-html-x 包来安全处理 HTML 内容。无论我们是否处理用户输入或从数据库加载 HTML 内容，使用该包都能帮助我们保持应用程序的安全。让我们记住，保护我们的应用程序意味着保护我们的用户和品牌。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600573a081e8991b448e99a8