Я создаю общий компонент, который будет использоваться на моем веб-сайте для рендеринга PDF с использованием pdfjs
. На некоторых страницах у меня есть несколько вкладок, содержащих PDF-файлы, моя проблема в том, что текстовый слой не отображается в скрытомвкладки, так как я могу сделать так, чтобы все PDF-файлы отображались во всех вкладках?
(function () {
ko.bindingHandlers.fileViewer = {
init: function (element) {
var pdfjsLib = window['pdfjs-dist/build/pdf'];
pdfjsLib.GlobalWorkerOptions.workerSrc = '/Scripts/pdfJs/pdf.worker.js';
},
update: function (element, valueAccessor) {
var pdfLinkService = new pdfjsViewer.PDFLinkService();
var pdfViewer = new pdfjsViewer.PDFViewer({
//The container is relative to the element to support multiple pdfs in the page
container: element.children[0].children[0],
linkService: pdfLinkService,
});
pdfLinkService.setViewer(pdfViewer);
pdfjsLib.getDocument({
url: ko.unwrap(valueAccessor()),
}).then(function (pdfDocument) {
pdfViewer.setDocument(pdfDocument);
pdfLinkService.setDocument(pdfDocument, null);
});
}
}
}) ();