ERROR.Access iFrame中的PDF元素

时间:2015-10-30 06:39:29

标签: javascript php jquery html iframe

我正在尝试使用网页内的文本框在pdf中搜索单词。我将pdf嵌入到IFRAME中,但它无效。这段代码正常使用普通文本。当我搜索单词时,有时候它会打开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>

1 个答案:

答案 0 :(得分:0)

该代码不适用于PDF。

highlight类替换HTML中的单词,没关系。但这对PDF来说是不可能的。您需要先将PDF转换为HTML。