PDFTron 中的重新排序页面事件

Question

我正在面板 > 缩略图视图中重新排序页面。 PDFTron 提供的功能让我可以拖动 re-arrange/reorder 页面。然后使用该事件我将在服务器上上传新的 PDF。但是我找不到正确的事件，只有当用户在缩略图控件中执行重新排序时才会触发。

截至目前，我正在使用 pageNumberUpdated 事件，但当用户在 PDFVeiwer 中滚动到 PDF 时它会触发。

WebViewer({
    licenseKey: 'KEY',
    path: './public/webviewer',
    css: './css/pdftron-custom.css'
}, document.getElementById('pdfEditor') as HTMLElement).then(async(instance: WebViewerInstance) => {
    webViewerInstance = instance;
    
    webViewerInstance.docViewer.on('pageNumberUpdated', async() => {
         // OTHER STUFF
    });
});

PDFTron Link: https://www.pdftron.com/documentation/web/guides/manipulation/thumbnails-controls/#reordering-pages

所以基本上我应该使用哪个事件会在用户拖放缩略图移动页面时触发？

Answer 1

您可以在 DocumentViewer 上使用 layoutChanged 事件。例如：

//instantiate the viewer as usual 
const { docViewer } = instance;
docViewer.on('layoutChanged', () => console.log('PAGES UPDATED'))

缩略图面板发生变化时触发此事件。 https://www.pdftron.com/api/web/CoreControls.DocumentViewer.html#event:layoutChanged__anchor

PDFTron 中的重新排序页面事件

Reorder Pages Event in PDFTron

javascript

pdf

pdftron