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

Question

PDFTron 可以选择提供自定义 Javascript 文件来修改查看器，但我不确定该文件中应该包含什么，而且我在网上找不到任何示例。

该网站有如下描述:

Viewer Options - By default, PWS Cloud documents are loaded in a basic hosted version of WebViewer. You can customize the viewer's appearance, branding and custom features by loading an external JavaScript configuration file.

当我提供此文件时，window.WebViewerUniversalInstance 为空，并且 document.getElementById('DocumentViewer') 也返回一个空对象。

有人能给我指出正确的方向吗，我迷路了。

谢谢

Answer 1

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

无论如何，一些你可以做的事情的例子。对于自定义操作，您可能希望在“viewerLoaded”或“documentLoaded”事件中运行您的代码。对于 UI 更改，您不需要在任何一个事件中都包含代码。

因此，例如，如果您想隐藏打印按钮，您可以将其放入您的文件中:

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

对于修改 UI 相关的东西，我建议右击，Inspect Element 来找到你想要修改的东西的 ids/classes。或者您可以下载 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)
• > Document : 在 documentLoaded (docViewer.GetDocument()) 之后可用

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