我正在尝试使用网页内的文本框在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>
答案 0 :(得分:0)
该代码不适用于PDF。
用highlight
类替换HTML中的单词,没关系。但这对PDF来说是不可能的。您需要先将PDF转换为HTML。