错误.访问iFrame中的PDF元素

ERROR.Access PDF element inside iFrame

本文关键字：PDF 元素 中的 iFrame 访问 错误      更新时间：2023-09-26

我正在尝试使用网页中的文本框在pdf中搜索单词。我在IFRAME中嵌入了pdf，但它不起作用。此代码适用于普通文本。当我搜索单词时，有时它会打开pdf或刷新页面，而不是突出显示。

    <style>
      span.highlight {
  background: yellow
}
        </style>
        <input type="text" />
        <div class="para">
        <button onclick="getIframeText()">get iframe text</button>
        <iframe id="myframe1" src="h.pdf" style="width:718px; height:700px;" frameborder="0"></iframe>
    </div>

用于搜索文本的JAVASCRIPT

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
   <script type='text/javascript'>
 var $para = $('.para')
$("input").keyup(function() {
  $para.find('span.highlight').contents().unwrap();
  var mysearchword = this.value.trim();
  if (mysearchword) {
    var re = new RegExp('(' + mysearchword.trim().split(/'s+/).join('|') + ')', "gi");
    $para.html(function(i, html) {
      return html.replace(re, '<span class="highlight">$1</span>')
    });
  }
});
</script>

该代码不适用于PDF。

将HTML中的单词替换为highlight类，就可以了。但这对于PDF是不可能的。您需要先将PDF转换为HTML。

相关文章：