如何使用 PDFJS 突出显示文本?

Posted

技术标签:

【中文标题】如何使用 PDFJS 突出显示文本?【英文标题】:How to highlight text with PDFJS? 【发布时间】:2017-02-04 23:38:29 【问题描述】:

我正在创建一个显示 PDF 文件的应用程序。我需要实现搜索功能,以便可以在 pdf 文件中搜索术语。要显示我正在使用 PDFJS 的文件。

在 pdfjs 库中有一些示例,包括呈现页面的组件示例,您可以标记文本 (https://github.com/mozilla/pdf.js/tree/master/examples/components)。

但是当我尝试在我的应用程序中使用此代码时,我收到PDFJS.DefaultTextLayerFactory() 未定义的错误。我包括这三个文件:

<script src="lib/pdfviewer/pdf.js"></script>
<script src="lib/pdfviewer/pdf.worker.js"></script>
<script src="lib/pdfviewer/pdf_viewer.js"></script>
<script src="lib/pdfviewer/compatibility.js"></script>

我做错了什么?为什么PDFJS不知道DefaultTextLayerFactory

【问题讨论】:

感谢您发布此信息。仅供参考:“pdf_viewer.js”不包含在稳定版本中,克隆 pdf.js Github 存储库并通过 gulp 安装将为您提供文件 【参考方案1】:

我找到了解决方案。我忘了包含 viewer.js

如何搜索你能找到的词here

【讨论】:

以上是关于如何使用 PDFJS 突出显示文本?的主要内容,如果未能解决你的问题,请参考以下文章

Word文字怎么进行高亮设置

如何使用 PDFKit 突出显示 pdf 中的选定文本?

如何突出显示图像中的文本?

如何修复禁用的文本突出显示?

文本选择突出显示太多

如何使无法使用 CSS 突出显示文本?