问题标签 [ng2-pdfjs-viewer]

我正在开发一个 angular8 应用程序并使用 ng2-pdf-viewer 库显示 PDF。目前，我可以使用下面的代码在 PDF 中搜索单个短语。

我想知道是否可以使用 ng2-pdf-viewer 库搜索字符串/短语数组并同时突出显示它们，或者是否有更好的方法来突出显示给定 PDF 中的多个字符串。

谢谢，拉维·泰加·塔拉里

这是上下文：

• pdfjs-dist：v2.2.228
• 角度/核心：8.2.0（与 AngularJs 1.5.X 的混合环境）

目标：将 pdfjs-dist 升级到最新版本（2.3.200 或至少 2.2.X）

我从 pdfjs-dist 2.0.4xx 升级，这是正在渲染的内容：

所以基本上，不是正确呈现 PDF，带有可突出显示的文本等，而是文本的副本：文本的一个版本正确呈现（以图形方式），另一个版本似乎适用于文本选择和搜索.

在进行任何搜索时，PDFFindController 会在高亮层上工作（您可以在图像上部看到带有绿色文本的区域）。

知道什么可能导致这种行为吗？

问题：

我创建了一个角度应用程序。我正在使用 ng2-pdf-viewer。我在这样的 HTML 文件上访问它。

我面临的问题是我正在动态呈现 pdf 文件的路径。我所做的事情导致了这个错误。

未捕获的错误：报价不支持评估！声明： //myback.mydomain.lk.lk/{{gov?.source_pdf_ref}} 位于 ng:///UserLayoutModule/GovenmentTabComponent.html@110:6 at _AstToIrVisitor.push../node_modules/@angular/compiler/ fesm5/compiler.js._AstToIrVisitor.visitQuote (compiler.js:7380) at Quote.push../node_modules/@angular/compiler/fesm5/compiler.js.Quote.visit (compiler.js:6206) at convertPropertyBinding (compiler .js:7084) at compiler.js:22230 at Array.map () at createUpdateStatements (compiler.js:22226) at compiler.js:22211 at Array.map () at ViewBuilder.push../node_modules/@angular/编译器/fesm5/compiler.js.ViewBuilder._createNodeExpressions (compiler.js:22205) 在 ViewBuilder.push../node_modules/@angular/compiler/fesm5/compiler.js.ViewBuilder.build （编译器。

我尝试了很多在互联网上找到解决此问题的方法，但我无法这样做。有人可以帮我解决这个问题或提出一个好的方法吗？谢谢你。

我对使用 Base64 编码的字符串/uint8Array 或 Blob 还是很陌生。我正在为我们的 Angular 8 webapp使用来自这个 repo https://github.com/intbot/ng2-pdfjs-viewer的 pdf 查看器库。我正在发送一个相当大的 Base64 字符串（550KB 到 UI（包含 34 页文本），由 pdf 查看器呈现。

主要问题是它在查看器中仅显示 19 页。但是，当我使用查看器下载文档时，它包含所有 34 页（通过 MacOS 上的 Preview 应用程序确认）。我不确定问题出在 pdf 查看器库还是从 Base64 到 uint8Array/Blob 的转换。

这是 UI 中转换 Base64 字符串的代码

任何帮助将不胜感激。使用浏览器：Chrome

我试图生成一个应用程序，它获取 pdf blob 并使用 pdfjs lib 在屏幕上显示它。我工作正常，但是当我尝试复制文本内容时，它会得到不相关的数据。

当我复制文本时，它会复制为。你可以检查它如下图

图片1

图片2

我使用的代码如下

我有一个用于 tex 编译和 pdf 输出的 angular 6 应用程序。Ace 编辑器用于创建 tex 文件。它可以使用 pdflatex 实时编译。使用 ng2-pdf-viewer 显示输出 pdf。为了实现synctex（编辑器内容和pdf之间的同步），我使用“synctex view”命令进行前向搜索，它返回一些输出值，例如h、v、x、y、宽度、高度。我需要在 ng2-pdf-viewer 中强调这些要点。我在 pdf 查看器中找到了一个画布标签，我创建并附加了一个具有相同高度和宽度的新画布，并且能够在 pdf 上绘制形状。但是我无法准确地绘制出点的位置。有没有人对此有任何想法，这个 synctex 输出点如何工作以及我们如何使用画布绘制功能突出显示 pdf。

运行我的应用程序时ng serve一切正常。但是在构建它之后，ng build --prod我得到了......

...此时应该显示 pdfviewer 组件。我究竟做错了什么？谢谢你的帮助。

是否有可能使用 ng2-pdfjs-viewer 仅提取 pdf 文件的文本，例如作为字符串？我想提取文本并对其进行正则表达式以根据其中的文本剪切某些段落。

提前致谢

我正在使用 ng2-pdfjs-viewer，我可以传递一个 pdf 文件 http url，但我不能使用插值，也不能将变量传递给 html 标记内的 pdfSrc 选项，以从休息服务响应中呈现 pdf。

如何将 Uint8array 或 base64 对象从 component.ts 传递到 component.html？

视频了解问题

我正在使用 Angular 5 和 ng2-pdf-viewer。在以下模式中，当我来自另一个页面时，它会正确加载。但之后，它会产生像视频这样的奇怪问题。当浏览器或窗口调整大小时，就会出现完美的解决方案。

请向我建议可能的解决方案。