Render whole textLayer without scrolling

Hello!

How do I configure the pdf,js standard viewer to render all pages without waiting for the user to scroll down to the different pages so that pdf.js renders the pages? I know about the possibility to extract the text from the pdf, but I really need the textLayer.

My use case: I need the whole ‘textLayer’ for all pages, because I analyze the words given in the layer and highlight some of them (the ones which satisfy my defined rules) by putting them in a span: <span class="highlight selected">word</span>.

Thank you in advance!

[yurydelendik]

I need the whole ‘textLayer’ for all pages,

See e.g. https://stackoverflow.com/a/40662025/1765767

by putting them in a span: <span class="highlight selected">word</span>.

It’s a small project by itself – you need to modify viewer to modify text layer out to add these spans. There is no easy answer here and you need start looking at the https://github.com/mozilla/pdf.js/blob/master/src/display/text_layer.js and/or https://github.com/mozilla/pdf.js/blob/master/web/text_layer_builder.js to modify that. Good luck.

Closing as answered.

[mikebeaton]

Thanks @stefanos113. Here’s some working simple example code:

  document.addEventListener('textlayerrendered', function (event) {
    // This generates an event for each text layer once when it is added.
    // You can highlight directly here, e.g. using jquery-highlight library:
    $(event.target).highlight("information");
  });

Perhaps worth pointing out that the approach you and I are both using ignores the highlighting which pdf.js already provides for searches, so there might be a way within the library to ask it to do the highlighting itself, but again I’m not sure how, if at all, at this stage!