错误。在iFrame中访问PDF元素

Question

I am trying to search for a word inside a pdf using a textbox inside the webpage.I embedded the pdf inside a IFRAME, but it is not working.This code is working with normal text.When i search for words, sometimes it opens the pdf or refreshes the page, instead of highlighting it.

    <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 FOR SEACRHING THE TEXT

<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>

Answer 1

The code will not work for PDF.

Replacing the word found in HTML with highlight class, it's okay. But this is not possible for PDF. You need to convert PDF into HTML first.