0

pdf.jsを使ってファイルをレンダリングする際に印刷ボタンなどを試しています。CSS を使用してみましたが、Chrome では機能しますが、Internet Explorer では機能しません。Internet Explorer では、javascript を使用しました。1 つのファイルを読み込むと JS は機能しますが、後続のファイルにはまだボタンが表示されます。

viewer.html

<script type="text/javascript">
    $(function () {

        $('#print').hide();
        $('#viewBookmark').hide();
        $('#openFile').hide();
    });
</script>

ビューアー.css

button#openFile, button#print, a#viewBookmark {
        display: none;
    }

default.cshtml

$('.file').on('click touchend', function (e) {
        e.preventDefault();
        if ($(this).hasClass('disabled'))
            return;
        var path = $(this).data('path').replace("\\\\", "http://").replace("@pdfFolder", "Uploads");
        var name = $(this).data('name');
        var lastname = $(this).data('lastname');
        name = name.length > 8 ?
            name.substring(0, 5) + '...' :
            name.substring(0, 8);
        lastname = lastname.length > 8 ?
            lastname.substring(0, 5) + '...' :
            lastname.substring(0, 8);
        var tabCount = $('#tabs li').size();
        var uuid = guid();
        $(this).attr('data-position', uuid);
        $('#content').css('display', 'block');
        if (tabCount === 5) {
            $('#maximumTabsModal').modal('show');
        } else {
            $(this).addClass('disabled')
            $('<li role="presentation" data-position="' + uuid + '"><a href="#panel' + uuid + '" aria-controls="panel"' + uuid + ' role="tab" data-toggle="tab">' + name + '<span class="close"></span><br/>' + lastname + '</a></li>').appendTo('#tabs');
            $('<div class="tab-pane" id="panel' + uuid + '"><div id="pdf' + uuid + '" class="pdf"></div></div>').appendTo('.tab-content');
            $('#tabs a:last').tab('show');
            var options = {
                //pdfOpenParams: {
                //    view: "FitV"
                //},
                forcePDFJS: true,
                PDFJS_URL: "pdfjs/web/viewer.html"
            };
            var pdf = PDFObject.embed(path, '#pdf' + uuid, options);
            $('#print').hide();
            $('#viewBookmark').hide();
            $('#openFile').hide();
            $('#exd-logo').hide();
        }
    });
4

4 に答える 4

1

残念ながら、PDFObject は印刷ボタンを非表示にすることはできません。印刷ボタンを非表示にする機能を含まない、PDF Open パラメータを指定するメカニズムのみを提供します。

私は PDF.js の専門家ではありませんが、すべて JS ベースであり、ドメインでホストされている (つまり、完全なスクリプト アクセス権がある) ため、ハッキングして印刷ボタンを削除する方法を見つけることができるはずです。幸運を！

于 2016-06-21T07:11:33.603 に答える
0

PDF.js が提供する pagerendered イベントを処理することで、ボタンを非表示にすることができました。

viewer.html

<script type="text/javascript">
    $(function () {
        document.addEventListener("pagerendered", function (e) {
            $('#print').hide();
            $('#viewBookmark').hide();
            $('#openFile').hide();
        });
    });
</script>
于 2016-06-21T18:09:28.303 に答える