How to disable hyperlinks within a PDF rendered by PDF.js(如何禁止pdf中a标签跳转)

原创

于 2019-01-05 09:16:24 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

在使用ionic+angular+cordova开发时，通过ng2-pdf-viewer展示PDF遇到问题，即PDF中可能包含隐藏的超链接导致点击内容会跳出应用。解决方案包括在包裹PDF内容的元素上监听click事件并阻止其默认行为，以此防止超链接跳转，但由于'page-rendered'事件未触发，未能直接采用pdf.js的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前情提要：使用ionic+angular+cordova开发，为了实现可以浏览pdf的功能，使用了ng2-pdf-viewer(对pdf.js进行封装，官网文档：https://github.com/VadimDez/ng2-pdf-viewer#page-rendered)，目前遇到的问题，在word或者ppt转pdf的时候可能存在内容中隐藏超级链接，在生成pdf后，点击某些内容会跳出app，影响用户体验。

解决方案：
1,如果是直接使用的pdf.js，可以采用以下方法
https://stackoverflow.com/questions/31053948/how-to-disable-hyperlinks-within-a-pdf-rendered-by-pdf-js
为什么我没有采用该方法：
g2-pdf-viewer的文档中有一个方法： page-rendered, 但是我在实现过程中一直没有触发（有知道原因的小伙伴麻烦留言指导）
在这里插入图片描述

在包裹pdf内容的元素上添加click事件，取消事件的默认动作

// html
<div *ngIf="isShowPdf" class="content" id="pdf_content" style="height: calc(100vh - 13rem);" (click)="onNoJump($event)">
      <pdf-viewer

最低0.47元/天解锁文章

200万优质内容无限畅学