Knp / Snappy PDF Generator Пустая страница - PullRequest
Новая
       56

Knp / Snappy PDF Generator Пустая страница

0 голосов
/ 06 февраля 2019

Я делаю генератор с symfony / twig, но всегда есть пустые страницы. (Иногда 1, иногда больше) вот мой JS о страницах: var marginTop = 15; 

         var cellHeightArray = [];
         var rowCounter = 0;
         var cellCounter = 0;
         var cellHeightArray2 = [];
         var rowCounter2 = 0;
         var cellCounter2 = 0;

         $('.page-three > .spec-box').each(function() {
            if(!cellHeightArray[rowCounter]) {
                cellHeightArray[rowCounter] = [];
            }
            var height = $(this).height();
            var topHeight = 0;

            for(var j = 0; j < cellHeightArray.length; j++) {
                if(cellHeightArray[j][cellCounter]) {
                    topHeight += cellHeightArray[j][cellCounter] + marginTop;
                }
            }

            cellHeightArray[rowCounter][cellCounter] = height;

            $(this).css({
               "float": "left",
               "position": "absolute",
               "width": "400px",
               "top": topHeight,
               "left": (cellCounter * (400 + 50)) + 50
            });

            if (topHeight + height > 750) {
                $(this).appendTo(".page-four");
                $("page-four").append("Some appended text.");
            }

            if(cellCounter == 2) {
                rowCounter++;
                cellCounter = 0;
            }else {
                cellCounter++;
            }

         });

ПРИМЕЧАНИЕ: : его альбомная страница.И в моем контроллере все поля => 0 и JavaScript включен.Что я должен делать?Я погуглил это, кто-то говорит о своей ошибке, но на самом деле не знаю.Я думаю, что я делаю что-то не так.

А вот мой CSS для первой и второй страницы 

.page-one, .page-two {
                font-family: Roboto, 'Segoe UI', Tahoma, sans-serif;
                position: relative;
                height:992px;
            }

И CSS для третьей страницы 

.page-three, .page-four{
                font-family: Roboto, 'Segoe UI', Tahoma, sans-serif;
                position:relative;
                height:992px;
            }

1 Ответ

0 голосов
/ 06 февраля 2019

Я решил ту же проблему следующим образом:

Код CSS: 

.page {
    page-break-after: always;
}

После этого поместите «страницу» этого класса в каждый раздел div, который вам нужно показать.Снять всю высоту с div o секции-

...