在前端开发中，我们常常需要对文本进行格式化和清理，而 striptags 是一个很好用的 npm 包，可以帮助我们快速地去除 HTML/XML 标签。本文将详细介绍如何使用 striptags，包括安装、基本使用方法、常见问题及最佳实践。
安装
安装 striptags 非常简单，只需要在终端中运行以下命令即可：
npm install striptags
基本使用
使用 striptags 只需要调用其函数，并传入需要处理的字符串即可。以下是一个示例：
const striptags = require('striptags');
const html = '<div><p>Hello, world!</p></div>';
const text = striptags(html);
console.log(text); // 输出: "Hello, world!"在上面的代码中，我们首先引入了 striptags 包，并定义了一个包含 HTML 标签的字符串。然后，我们调用 striptags 函数并将 HTML 字符串作为参数传递给它。最后，我们将返回的纯文本输出到控制台。
需要注意的是，striptags 默认会保留一些常见的 HTML 实体（例如 和 &），如果你需要移除这些实体，可以使用 decodeEntities 选项：
const text = striptags(html, { decodeEntities: true });常见问题
如何保留部分标签？
striptags 默认会去除所有的 HTML/XML 标签，如果你需要保留某些标签不被清理掉，可以使用 allowedTags 选项。以下是一个示例：
const html = '<div><p>Hello, <strong>world</strong>!</p></div>';
const text = striptags(html, { allowedTags: ['strong'] });
console.log(text); // 输出: "Hello, <strong>world</strong>!"在上面的代码中，我们指定了 allowedTags 选项为 ['strong']，这意味着只有 <strong> 标签会被保留下来。
如何去除换行符和空格？
如果你需要去除字符串中的空格和换行符，可以使用 replace() 方法：
const html = '<div>\n<p>Hello, \t world!</p>\n</div>'; const text = striptags(html).replace(/\s+/g, ' ').trim(); console.log(text); // 输出: "Hello, world!"
在上面的代码中，我们首先调用 striptags 函数去除 HTML 标签，然后使用正则表达式替换所有的空格和换行符，并将连续的多个空格替换为单个空格。最后，我们使用 trim() 方法去除字符串两端的空格。
最佳实践
在实际开发中，我们建议将 striptags 封装成一个函数，以便在多个地方重复使用。以下是一个简单的示例：
-- -------------------- ---- ------- ----- --------- - --------------------- -------- --------------- - ------ ------------------------------- - ---------- - -- ---- ----- ---- - ----------------- -- -------------------- ----- ---- - ---------------- ------------------ -- --- ------- -------
在上面的代码中，我们定义了一个名为 cleanText 的函数，该函数接受一个包含 HTML 标签的字符串，并返回一个去除标签、空格和换行符的纯文本字符串。通过这样做，我们可以避免在多个地方重复书写相同的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49590