ERROR.Access PDF-элемент внутри iFrame

Question

Я пытаюсь найти слово внутри 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 ДЛЯ SEACRHING тексте

<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

Код не будет работать для PDF.

Замена слова, найденного в HTML, на класс highlight, все в порядке. Но это невозможно для PDF. Сначала вам нужно преобразовать PDF в HTML.