如何使用 Paged.js 只渲染特定页面

Question

我正在使用 Paged.js 渲染来自 HTTP 请求的 HTML。我的目标是仅显示生成结果的第一页，而不是显示 Pagedjs 生成结果的所有页面。

我最初的猜测是使用 Chunker 来实现此目的，但不确定它是否有能力控制输出中的页面。

Answer 1

您可以扩展

Page.Hander

并覆盖

afterRendered

挂钩，以隐藏除第一个页面之外的所有页面。

<script>
document.addEventListener("DOMContentLoaded", function () {
    class MyHandler extends Paged.Handler {
        afterRendered(pages) {
            pages.forEach((page, index) => {
                if (index > 0) {
                    page.element.style.display = 'none';
                }
            });
        }
    }

    Paged.registerHandlers(MyHandler);
    Paged.preview(document.querySelector(".print-content"));
});
</script>