Bootstrap генерирует HTML-файлы, не отображающие CSS в PDF, используя wkhtmltopdf

Question

Я пытаюсь преобразовать файл HTML в файл PDF с помощью wkhtmltopdf, и файл создается правильно, но отсутствуют все стили, связанные с загрузкой.

НИЖЕ КОМАНДА LINUX ДЛЯ ПРЕОБРАЗОВАНИЯ HTML В PDF:

xvfb-run --server-args="-screen 0, 1024x768x24" wkhtmltopdf $htmlFile $pdfFile

Приложение поддерживает HTTPS, и все файлы HTML ИСТОЧНИКИ как HTTPS, как НИЖЕ:

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css
https://code.jquery.com/jquery-2.2.4.js
https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js
https://code.jquery.com/ui/1.11.4/jquery-ui.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css

Любая помощь приветствуется, так как я застрял и не уверен, почему стиль начальной загрузки загружается неправильно.

Answer 1

wkhtmltopdf плохо работает с Bootstrap.Если вы будете искать в Интернете, вы обнаружите, что некоторые предлагают явно установить размер области просмотра (это, кажется, исправляет это для некоторых версий).Добавьте это к вашей команде:

- размер области просмотра 1024x768

В вашем случае вы получите:

xvfb-run --server-args = "- screen 0, 1024x768x24 "wkhtmltopdf --viewport-size 1024x768 $ htmlFile $ pdfFile

Другое (лучшее, что я нашел) объяснение состоит в том, что Bootstrap имеет все классы col-xx-n внутри медиазапросов, кроме col-xs-nучебный класс.Добавьте класс col-xs-n, чтобы все элементы могли решить ваши проблемы.Для меня это решило проблемы, за исключением динамически генерируемого контента (с использованием jQuery).