PDFTron自定义脚本中应该包含哪些内容

此JavaScript文件在查看器的内部html页面（ReaderControl.html）的上下文中运行，允许您直接在查看器中修改内容，因此WebViewerUniversalInstance将为null（因为它不在内部页面中）。然而，我用var ele = document.getElementById('DocumentViewer');制作了一个小的测试文件，ele不为空，所以我不太确定为什么这对你不起作用。

总之，一些你可以做的事情的例子。对于自定义操作，你可能想在"viewerLoaded"或"documentLoaded"事件中运行代码。对于UI更改，您不需要在任何一个事件中都有代码。

例如，如果你想隐藏打印按钮，你可以把它放在你的文件中：

$('#printButton').hide();

对于修改与UI相关的东西，我建议右键单击，检查元素以找到要修改的东西的ids/类。或者，您可以下载WebViewer并查看ReaderControl.html。

以下是在viewerLoaded事件中执行某些操作的示例：

$(document).on('viewerLoaded', function() {
    readerControl.docViewer.SetMargin(0);
});

下面是在documentLoaded事件中执行某些操作的示例：

$(document).on('documentLoaded', function() {
    readerControl.setCurrentPageNumber(2);
    readerControl.rotateClockwise();
    readerControl.setZoomLevel(2);
});

你可以做很多很多事情，你可以在这里查看文档：http://www.pdftron.com/webviewer/demo/lib/html5/doc/

您可能感兴趣的一些对象：

• readerControl:在viewerLoaded之后可用
• DocumentViewer：加载视图后可用（readerControl.docViewer）
• 文档：在documentLoaded之后可用（docViewer.GetDocument（））

如果您有更多问题，可以随时在WebViewer论坛上提问：https://groups.google.com/forum/#！论坛/pdfnet webviewer

我不确定我是否完全理解您的问题，但以下是我在PDFViewer中为外部配置文件所做的操作，希望这将在一定程度上有所帮助：

<script type="text/javascript">
$(function () {
    var customData = { serviceUrl: 'services/PDFWebService.asmx', token: '<%=initialDoc.Value %>', isReadonly: '<%=IsReadonly?"yes":"no" %>' };
    var myWebViewer = new PDFTron.WebViewer({
        path: "Resources/js/PDFTron",
        mobileRedirect: false, // Disable redirect in mobile view.
        stream: true,
        config: 'Resources/js/PDFViewerConfig.js',
        documentType: "pdf",
        custom: JSON.stringify(customData),
        l: '<%=LicenseKey%>',
        initialDoc: customData.serviceUrl + '/GetFile?token=' + customData.token
    }, document.getElementById('viewer'));
});

我的PDFViewerConfig.js是：

(function () {
$(document).on('viewerLoaded', function () {
    customData = JSON.parse(window.ControlUtils.getCustomData());
    SetupCustomizations();
});
$(document).on('documentLoaded', function () {
    setDisabled("#btnSave");
    setDisabled("#btnReset");
    setDisabled("#btnPushUp");
});
$(document).on('pageChanged', function (event) {
    var currentPageNumber = readerControl.getCurrentPageNumber();
    var totalPages = readerControl.docViewer.getDocument().getPageCount();
    if (currentPageNumber == totalPages) {
        setDisabled("#btnPushDown");
        setEnabled("#btnPushUp");
    }
    else if (currentPageNumber == 1) {
        setDisabled("#btnPushUp");
        setEnabled("#btnPushDown");
    }
    else {
        setEnabled("#btnPushUp");
        setEnabled("#btnPushDown");
    }
});
})();
function SetupCustomizations() {
if (customData && customData.isReadonly != "yes") {
    var removeButton = $('<span aria-disabled="false" role="button" tabindex="0" class="glyphicons  remove" title="remove page"></span>');
    var saveButton = $('<span aria-disabled="true" role="button" tabindex="0" id="btnSave" class="glyphicons floppy_disk disabled" title="save changes"></span>');
    var resetButton = $('<span aria-disabled="true" role="button" tabindex="0" id="btnReset" class="glyphicons restart disabled" title="reset to original"></span>');
    var rotateRightButton = $('<span aria-disabled="false" role="button" tabindex="0" class="glyphicons share" title="rotate right"></span>');
    var rotateLeftButton = $('<span aria-disabled="false" role="button" tabindex="0" class="glyphicons unshare" title="rotate left"></span>');
    var pushDownButton = $('<span aria-disabled="false" role="button" tabindex="0" id="btnPushDown" class="glyphicons down_arrow" title="move current page down"></span>');
    var pushUpButton = $('<span aria-disabled="true" role="button" tabindex="0" id="btnPushUp" class="glyphicons up_arrow disabled" title="move current page up"></span>');

    removeButton.on('click', onRemove);
    removeButton.on('keydown', onRemove);
    saveButton.on('click', onSave);
    saveButton.on('keydown', onSave);
    resetButton.on('click', onReset);
    resetButton.on('keydown', onReset);
    rotateRightButton.on('click', onRotateRight);
    rotateRightButton.on('keydown', onRotateRight);
    rotateLeftButton.on('click', onRotateLeft);
    rotateLeftButton.on('keydown', onRotateLeft);
    pushDownButton.on('click', onPushDown);
    pushDownButton.on('keydown', onPushDown);
    pushUpButton.on('click', onPushUp);
    pushUpButton.on('keydown', onPushUp);
    var newButtonsPlaceholder = $("#downloadButton").parent();
    newButtonsPlaceholder.prepend(removeButton);
    newButtonsPlaceholder.prepend(rotateLeftButton);
    newButtonsPlaceholder.prepend(rotateRightButton);
    newButtonsPlaceholder.prepend(pushDownButton);
    newButtonsPlaceholder.prepend(pushUpButton);
    newButtonsPlaceholder.prepend(saveButton);
    newButtonsPlaceholder.prepend(resetButton);
}
//508
$("#ui-id-3").attr("tabindex", "0");
$("#prevPage").attr("tabindex", "0");
$("#nextPage").attr("tabindex", "0");
$("#printButton").attr("tabindex", "0");
$("#fullScreenButton").attr("tabindex", "0");
$("#downloadButton").attr("tabindex", "0");
$("#zoomIn").attr("tabindex", "0");
$("#zoomOut").attr("tabindex", "0");
$("#fitWidth").attr("tabindex", "0");
$("#fitPage").attr("tabindex", "0");
$("#prevPage").attr("role", "button");
$("#nextPage").attr("role", "button");
$("#printButton").attr("role", "button");
$("#fullScreenButton").attr("role", "button");
$("#zoomIn").attr("role", "button");
$("#zoomOut").attr("role", "button");
removeExtraButtons();
}