一份几十页的合同或报告交到手上,要确认某条条款、某个金额出现过几次、都出现在哪里,靠眼睛翻页容易漏。把命中的文字标出来是最省事的做法,但桌面软件里的查找高亮很难嵌进 Web 流程,逐页截图再标注也不现实。 Spire.PDF for JavaScript 基于 WebAssembly 在浏览器端加载、处理与保存 PDF 文档,查找与高亮全部在本地完成,通过虚拟文件系统(VFS)读写文件,无需后端配合。本文用 PdfTextFinder 来实现三种查找高亮方式:全篇高亮、限定区域内高亮、按正则表达式高亮。 本文介绍三个核心功能点: 查找并高亮全部匹配文本 在指定区域内查找并高亮 用正则表达式查找并高亮 有关安装和项目配置,请参考 React 项目中集成 Spire.PDF for JavaScript。以下示例默认已安装 Spire.PDF 并完成 WebAssembly 模块初始化。 查找并高亮全部匹配文本 PdfTextFinder 用于在页面的文本层里定位指定文本。它按页工作,遍历文档的每一页各建一个 finder,就能把整份文档里的匹配项一次找全;命中的每一处调用 HighLight() 即完成高亮,默认是黄色,需要区分不同关键词时再传入颜色。 function App() {…