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

qum*_*uma 6 pdf angularjs

我找到了图书馆

PDF创作

使用此库,可以创建不同样式的pdf文档.我的问题是,是否有可能使用AngularJS标记现有pdf文件的文本(并且可能添加指向此标记文本的链接)?或者有任何解决方法吗?

Fra*_*ser 0

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

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

<a href="file.pdf#page=1">page 1</a>
<a href="file.pdf#page=2">page 2</a>
Run Code Online (Sandbox Code Playgroud)

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

<a href="file.pdf#page=1&highlight=10,10,50,50">page 1 - highlight</a>
Run Code Online (Sandbox Code Playgroud)

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

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

<a href="file.pdf#nameddest=mysection">my section</a>
Run Code Online (Sandbox Code Playgroud)

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

您可以在此处阅读有关命名目标的信息以及用于打开 PDF 文件的各种参数