pdfビューアのコピーと印刷のオプションを無効にする

Question

私はドキュメント（ファイル）を表示するためにタグを使用しました。そのpdfファイルには印刷とダウンロードのオプションが表示されています。私はその印刷物を削除し、pdfビューアでオプションをダウンロードする必要があります。それを隠す方法はありますか？以下は

私のhtmlコードは、PDF文書

<iframe class="iframemargins" src="{{ url('uploads/chapters/Author.pdf') }}" 
 
     title="PDF in an i-Frame" frameborder="0" scrolling="auto" width="100%" 
 
     height="600px"> 
 
</iframe>

を表示することで、PDF、DOC、TXT、RTFなどのファイルを表示するための他の方法はあります。

Answer 1

PDF.jsを使用すると、PDFビューアのソースが提供されます。 web/viewer.htmlからこれらのボタンを削除するだけです。

あなたは内の要素を非表示にするには、印刷メディアクエリを使用することができますZoho

Answer 2

のようなものを使用して、あなたのURLは、MS Officeドキュメントを表示するには、指定here

---

としてweb/viewer.html?file={{ url('uploads/chapters/Author.pdf') }}に変更する必要がありますのでご注意ください印刷します。以下の例を参照してください。

var btn = document.getElementById("print"); 
 
btn.addEventListener("click", function(){ 
 
    window.print(); 
 
});

@media print { 
 
    .print { 
 
     display: none; 
 
    } 
 
}

<h3 style='text-align: center'>My Table</h3> 
 
<table border='1' style='border-collapse: collapse; width: 100%;'> 
 
<thead> 
 
    <tr> 
 
    <th>Heading 1</th> 
 
    <th>Heading 2</th> 
 
    <th>Heading 3</th> 
 
    </tr> 
 
</thead> 
 
<tbody> 
 
    <tr> 
 
    <th>Value 1</th> 
 
    <th>Value 2</th> 
 
    <th>Value 3</th> 
 
    </tr> 
 
    <tr> 
 
    <th>Value 1</th> 
 
    <th>Value 2</th> 
 
    <th>Value 3</th> 
 
    </tr> 
 
    <tr> 
 
    <th>Value 1</th> 
 
    <th>Value 2</th> 
 
    <th>Value 3</th> 
 
    </tr> 
 
    <tr> 
 
    <th>Value 1</th> 
 
    <th>Value 2</th> 
 
    <th>Value 3</th> 
 
    </tr> 
 
</tbody> 
 
</table> 
 
<button class='print'>Download</button> 
 
<button class='print' id='print'>Print</button>

Answer 3

私はこれで解決策を見つけた...ここで私は解決策

Hiding the toolbars surrounding an embedded pdf?

を持って、私のように私のhtmlコードを更新し、そのいるリンクがあります作業

<iframe src="{{ url('uploads/chapters/Author.pdf') }}#toolbar=0&navpanes=0&scrollbar=0" title="PDF in an i-Frame" frameborder="0" scrolling="auto" style="width:100%; height:100%;"></iframe>