在前端开发中，有时我们需要在网站或应用中展示中英文以及数字和其他字符。为了更好地呈现文本，我们通常会使用智能引号（smart quotes），以替换常规引号。为实现这一功能，我们可以使用 npm 包 express-smartquotes 。
什么是 express-smartquotes ？
express-smartquotes 是一个 Node.js 模块，用于自动将引号和短划线替换为相应的智能引号和短横线，以提高文字排版的美观度和可读性。它可以很方便地集成到 Express.js 应用程序中。
安装
首先，我们需要安装 Node.js 环境。然后，在终端中输入以下命令安装 express-smartquotes ：
npm install express-smartquotes --save
使用
- 创建一个 Express.js 应用程序：
const express = require('express');
const app = express();
// routes here
app.listen(3000, () => console.log('Server started on port 3000'));- 导入 express-smartquotes 并使用它：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ----------- - ------------------------------- ----- --- - ---------- -- --- ----------- ---------- ----------------------- -- ------ ---- ---------------- -- -- ------------------- ------- -- ---- --------
- 在路由中运用 express-smartquotes ：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ----------- - ------------------------------- ----- --- - ---------- -- --- ----------- ---------- ----------------------- -- ------ ---- ------------ ----- ---- -- - ----- ---- - -------- ------- --------------- --- ---------------- -- -- ------------------- ------- -- ---- --------
- 运行应用程序并在浏览器中访问网站，我们可以看到输出为：“Hello” World 。引号已经被替换为智能引号。
深入了解
express-smartquotes 支持以下引号和短横线替换：
- 单引号（'）和双引号（"）替换为左右单/双引号（‘ ’，“ ”）；
- 单引号+双引号（'"）和双引号+单引号（"'）替换为左右双引号（“ ”）；
- 破折号（-）替换为短横线（-）。
但注意到在英文输入法下，中文输入单引号时，得到的其实是“‘ ” 、“’”等字符，并不是‘ ’等字符，所以需要再次调整，使用展宽的字符（Widened glyphs）。
若要使用自定义替换字符，可以在调用 smartquotes() 方法时添加选项对象，例如：
-- -------------------- ---- -------
----- ------- - -
------- -
----- ----
------ ---
--
--------- -----
--
------------------------------总结
express-smartquotes 是一个优秀的 npm 包，可自动为您的网站和应用程序提供更好的文本排版功能。它的使用非常简单，只需要添加一行代码即可实现自动替换普通引号和短横线为相应的智能引号和短横线。希望本文对您有所帮助，以更好的呈现您的网站或应用程序！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055abe81e8991b448d8594