AngularJS - 在前端/浏览器中突出显示现有 pdf 文件的文本

Question

我找到了图书馆

PDF creation

使用此库可以创建不同样式的 pdf 文档。我的问题是是否有可能使用 AngularJS 标记现有 pdf 文件的文本(并且可能添加指向此标记文本的链接)？或者有什么解决方法可以做到这一点吗？

Answer 1

这个问题有点太宽泛了 - 不确定你所说的“标记”是什么意思 - 你的意思是以某种方式突出显示还是实际选择？

无论如何，首先要到达正确的页面 - 您可以在超链接中使用片段标识符，通过 page 参数链接到 PDF 中的特定页面。例如

<a href="file.pdf#page=1">page 1</a>
<a href="file.pdf#page=2">page 2</a>

如果您想通过超链接突出显示页面的特定部分，可以使用 highlight 参数，注意您还必须将页面设置为使用突出显示参数。例如

<a href="file.pdf#page=1&highlight=10,10,50,50">page 1 - highlight</a>

矩形值是坐标系中的整数，其中 0,0 代表左上角，值按 lt、rt、top、btm 的顺序给出。

还可以通过 nameddest 参数将 PDF 文件打开到“指定目标”，即文档中的指定部分。例如

<a href="file.pdf#nameddest=mysection">my section</a>

这很棒，因为无论插入、删除页面等都无关紧要，因为该部分始终会正确链接。

您可以阅读 Named Destinations here还有various Parameters for Opening PDF Files