如何让pdfTron+React生成的PDF在浏览器中点击链接新开标签页？

你可以通过PDFTron WebViewer的事件监听机制，拦截PDF内的所有链接点击事件，强制在新标签页打开链接，具体实现如下：

• 初始化WebViewer时添加事件监听
  在WebViewer的初始化回调中，获取documentViewer实例并监听linkClicked事件，阻止默认跳转行为后用window.open打开链接：

import WebViewer from '@pdftron/webviewer';

WebViewer({
  path: '/webviewer/lib', // 替换为你的WebViewer资源路径
  initialDoc: 'your-generated-pdf.pdf', // 替换为你的生成PDF路径
}, document.getElementById('viewer'))
  .then(instance => {
    const { documentViewer } = instance.Core;

    // 拦截所有链接点击事件
    documentViewer.addEventListener('linkClicked', (event) => {
      // 阻止浏览器默认的当前标签页跳转行为
      event.preventDefault();
      // 获取链接目标地址
      const targetUrl = event.detail.url;
      // 在新标签页打开链接
      window.open(targetUrl, '_blank');
    });
  });

• 原理说明
  PDF格式本身的链接默认行为是在当前标签页跳转，HTML中的target="_blank"属性无法被完整转换到PDF元数据中，因此需要通过WebViewer的事件拦截来覆盖默认行为。这种方式无论PDF是在专用阅读器还是浏览器直接打开，都能强制链接在新标签页打开。

内容的提问来源于stack exchange，提问作者decebal