Pdf.js: Is it possible to prevent from copying text selection?

Created on 17 Jan 2017 · 10Comments · Source: mozilla/pdf.js

Hi,

I would like to know if it is possible to prevent user from copying selected text into the PDF?

Thanks for your help.

Source

sebDK

👍1

Most helpful comment

Why not disable selection of text layer from CSS?

.textLayer {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
}

of course, it's not bulletproof, but the web isn't in the end, is it? ;)

And keeps search working

sielay on 1 Nov 2017

👍4

All 10 comments

You can disable text layer rendering by setting e.g., https://github.com/mozilla/pdf.js/blob/master/web/default_preferences.json#L12 to true.

timvandermeij on 17 Jan 2017

Thank you @timvandermeij. It is working.
I cannot find the option to unactivate print and download functions.
Is there a clean way to do it or do I need to comment out the HTML code?

Thanks for your help.

sebDK on 18 Jan 2017

There is no option for that in the default viewer, so you'll have to implement that yourself.

timvandermeij on 18 Jan 2017

@timvandermeij thank you for your answer.

sebDK on 19 Jan 2017

@timvandermeij disabling text layer rendering is a good workaround to prevent from copying text but unfortunately the search function loses the highlight feature. Is there an other workaround where I can prevent from copying selected text but still able to highlight searchs into PDF?

Thanks for your help.

sebDK on 20 Sep 2017

No, the search function directly depends on the text layer.

timvandermeij on 20 Sep 2017

See if https://developer.mozilla.org/en-US/docs/Web/Events/copy will help

yurydelendik on 20 Sep 2017

Why not disable selection of text layer from CSS?

.textLayer {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
          user-select: none; /* Non-prefixed version, currently
                                supported by Chrome and Opera */
}

of course, it's not bulletproof, but the web isn't in the end, is it? ;)

And keeps search working

sielay on 1 Nov 2017

👍4

Thanks @sielay, it is what I have done.

sebDK on 1 Nov 2017

👍1

for the question: I cannot find the option to unactivate print and download functions.
you can try this

<script type="text/javascript"> document.getElementById("secondaryOpenFile").style.display = "none"; document.getElementById("openFile").style.display = "none"; document.getElementById("secondaryPrint").style.display = "none"; document.getElementById("print").style.display = "none"; document.getElementById("secondaryDownload").style.display = "none"; document.getElementById("download").style.display = "none"; </script>

in your viewer.html file