0

我已将 PDFJS 与 Nuxt.js 集成以呈现具有基本功能的 pdf 文档。

当使用“在文档中查找”来搜索 pdf 中跨多行的文本时，我没有找到文档中存在的文本的结果。

例如：在文档中搜索短语“披露和维护机密”是没有结果的。 无结果-pdf-img

但是，当搜索为

“披露和保密”
加上空格，我得到的结果是不正确的。 产生-搜索-结果-img

这是为两行渲染的 html - inspect-element-img

参考： 我按照此处提供的示例创建了我的 pdf 渲染器 - https://codesandbox.io/s/vue-2-vue-pdf-app-wz5kv

我已经添加了这段代码

<vue-pdf-app ref="pdfAppRef"
   :pdf="pdfSrc"
   :config="config"
   @pages-rendered="pagesRenderedHandler"
   @open="openHandler"
   @after-created="afterCreatedHandler"/>


   pagesRenderedHandler(pdfApp) {
     setTimeout(() => {
       const pdfapp = pdfApp;
       pdfapp.pdfViewer.currentScaleValue = 'page-height';
       const PageDiv = document.querySelectorAll('.textLayer');
          PageDiv.forEach(page => {
            const span = page.querySelectorAll('span');
            span.forEach((sp, index) => {
             sp.innerHTML = sp.innerHTML.replace(/^\s+|\s+$/g, "");
             sp.textContent = sp.textContent.replace(/^\s+|\s+$/g,"");
            })
          })
      }, 0);
  }

有人可以帮我理解这里的问题是什么。有没有办法以编程方式删除新行中的空格。

提前致谢。

4

0 回答 0