pretext：绕过 DOM 的文字快速排版库

一、 这个项目是做什么的？（小白一分钟看懂）

绕过 DOM 的文字快速排版库。这是一款纯 TypeScript 写的文本测量与排版库，可在不依赖 DOM 的情况下，基于浏览器字体引擎精确计算文本的排版尺寸，不触发 DOM 重排。它支持多语言、Emoji 和富文本，适用于虚拟滚动列表、多行消息和响应式排版等场景。 ```typescript import { prepare, layout } from '@chenglou/pretext' const prepared = prepare('AGI 春天到了. بدأت الرحلة 🚀‎', '16px Inter') const { height, lineCount } = layout(prepared, 320, 20) // pure arithmetic. No DOM layout & reflow! ```

很多刚入门的开发者或日常办公人员在寻找好用的工具时，常常被商业软件高昂的订阅费或闭源软件的数据隐私风险所困扰。pretext 的出现正是为了给社区提供一个完全开放透明、免费且高效的开源解决方案。该项目收录于知名开源月刊 2026 精选技术榜单，并在 GitHub 上累计获得了 50.6k 颗 Stars 的高度认可。

二、 核心亮点与特色功能

• 开箱即用：经过开源社区成千上万名开发者的打磨与实测，安装配置清晰，极大降低了零基础用户的学习成本；
• 痛点解决：这是一款纯 TypeScript 写的文本测量与排版库，可在不依赖 DOM 的情况下，基于浏览器字体引擎精确计算文本的排版尺寸，不触发 DOM 重排。它支持多语言、Emoji 和富文本，适用于虚拟滚动列表、多行消息和响应式排版等场景。 ```typescript import { prepare, layout } from '@chenglou/pretext' const prepared = prepare('AGI 春天到了. بدأت الرحلة 🚀‎', '16px Inter') const { height, lineCount } = layout(prepared, 320, 20) // pure arithmetic. No DOM layout & reflow! ```；
• 现代架构：基于成熟的 JavaScript 技术栈编写，代码结构严谨，资源开销轻盈，可在普通电脑或低配服务器上长期无感运行；
• 开源免费：遵循正规开源许可证，代码 100% 透明可审计，无任何捆绑广告或隐性收费。

三、 小白极速上手实操步骤

1. 访问官方代码仓库：点击页面右侧的直达按钮，跳转至其官方 GitHub 仓库页面（https://github.com/chenglou/pretext）；
2. 获取与配置：按照仓库首页 README 的新手引导，使用对应包管理器命令安装，或通过 Docker 命令直接拉取运行；
3. 即刻体验：完成启动后即可在本地终端或浏览器控制台中立即使用该神器的完整功能。

四、 避坑与运行建议

💡 贴心提醒：在首次运行前，请先确认本地设备已安装对应 JavaScript 的最低运行环境版本。如需在生产环境或云服务器上作为后台常驻服务运行，推荐使用 Systemd 或 Docker 守护模式保持进程存活。