PDF.js实现搜索多个不同的关键词高亮显示效果

你挚爱的强哥

已于 2024-01-06 14:30:28 修改

阅读量1.3k

点赞数 8

分类专栏： JavaScript&TypeScript 文章标签： pdf

于 2024-01-04 20:32:20 首次发布

随意拷贝莫问题，但是有一点！请务必备注“你挚爱的强哥出品~么么哒”！

本文链接：https://blog.csdn.net/qq_37860634/article/details/135395491

版权

通过修改 staticPDFwebviewer.js 文件的392行和1261行，可以在PDF内容中根据URL参数`?keywords=关键词一|关键词二|关键词三`实现高亮显示和聚焦关键词。此功能适用于使用PDF.js进行预览时增强搜索体验，避免PDF预览错误。同时，可以参考相关CSDN博客文章了解更多关于PDF.js的关键词高亮及错误解决技巧。

摘要由CSDN通过智能技术生成

static\PDF\web\viewer.js

392行左右

// 自定义搜索关键词----------------------------------------
this.searchKeywords = keyword => {
  if (typeof PDFViewerApplication !== 'undefined') {
    PDFViewerApplication.eventBus.dispatch('find', {
      query: keyword,
      caseSensitive: false,
      highlightAll: true,
      findPrevious: true
    });
  }
}

static\PDF\web\viewer.js

1261行左右

// 高亮显示N个关键词----------------------------------------
var keywords = new URL(decodeURIComponent(location)).searchParams.get('keywords');//获取关键词数组
if (keywords && keywords !==