How to prevent links from being opened on a PDF in WebViewer?

FAQ
,
1

Here is the code snippet where you can override the function that gets called when a link is being opened:

In WebViewer 8.3+:

WebViewer(
  {
    initialDoc: 'mydoc.pdf',
    path: '/lib',
  },
  document.getElementById('viewer')
).then((instance) => {
  const { Actions, Annotations } = instance.Core;

  Actions.setCustomOnTriggeredHandler(Actions.URI, (target, event, documentViewer, options) => {
    if (target instanceof Annotations.Link) {
      return;
    }
    options.originalOnTriggered(target, event, documentViewer);
  });
});

In older versions:

WebViewer(
  {
    initialDoc: 'mydoc.pdf',
    path: '/lib',
  },
  document.getElementById('viewer')
).then((instance) => {
  const { Actions, Annotations } = instance;
  const onTriggered = Actions.URI.prototype.onTriggered;
  Actions.URI.prototype.onTriggered = function(target, event) {
    if (target instanceof Annotations.Link) {
      return;
    }
    onTriggered.apply(this, arguments);
  };
});
1 Like
2

How to obtain the real URL in this method

1 Like
3

Thanks for the code! I would like to offer a solution for those who want to not just block links, but also get URLs for further work.

For WebViewer 8.3 and above you can do this:

```javascript
Actions.setCustomOnTriggeredHandler(Actions.URI, (target, event, documentViewer, options) => {
  if (target instanceof Annotations.Link) {
    const url = target.getURL(); // Get the URL of the link
    console.log('Link detected:', url);
    // Here you can add your own URL processing logic
    return;
  }
  options.originalOnTriggered(target, event, documentViewer);
});

This will allow you to not only prevent default links from opening, but also implement your own URL handling logic,

More information about working with annotations and links is available in the official WebViewer documentation: https://www.pdftron.com/api/web/Core.AnnotationManager.html.

1 Like